diff --git a/frontend/src/components/Generic/Badges/Badge/index.jsx b/frontend/src/components/Generic/Badges/Badge/index.jsx index 2a04cf6a..3eb31abd 100644 --- a/frontend/src/components/Generic/Badges/Badge/index.jsx +++ b/frontend/src/components/Generic/Badges/Badge/index.jsx @@ -30,7 +30,10 @@ export default function Badge({ showClose = false, bg = "bg-green-500", animated = false, + active = false, onClose = () => {}, // Callback for close icon + onSelect = () => {}, // Callback for badge click + onDoubleClick = () => {}, // Callback for badge double click }) { const { text: textColor, @@ -64,7 +67,9 @@ export default function Badge({ lg: "shadow-lg", xl: "shadow-xl", }[shadow]; - const backgroundClasses = `${bg} bg-opacity-10 hover:bg-opacity-20`; + const backgroundClasses = `${bg} ${ + active ? "bg-opacity-20" : "bg-opacity-10" + } hover:bg-opacity-30`; // SVG Icons const DotIcon = () => ( @@ -91,7 +96,9 @@ export default function Badge({ return (
{showDot && (
@@ -103,10 +110,10 @@ export default function Badge({

{showClose && (
- +
)}
diff --git a/frontend/src/components/Generic/Blocks/TextAreaBlock/index.jsx b/frontend/src/components/Generic/Blocks/TextAreaBlock/index.jsx index b28cfda4..2d5adc4e 100644 --- a/frontend/src/components/Generic/Blocks/TextAreaBlock/index.jsx +++ b/frontend/src/components/Generic/Blocks/TextAreaBlock/index.jsx @@ -15,6 +15,7 @@ export default function TextAreaBlock({ wrap, code, onSave, + value, }) { return (
@@ -32,6 +33,7 @@ export default function TextAreaBlock({