From f860d94123fdc31ae2c3f443e4f3ef684735ec65 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 11 Jul 2025 17:17:17 -0300
Subject: [PATCH] feat: Add dark mode support to JigsawStackIcon (#9013)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* ✨ (JigsawStack/index.tsx): introduce useDarkStore hook to handle dark mode state in JigsawStackIcon component

* 🐛 (JigsawStackIcon.jsx): fix issue where isdark prop was not being converted to a boolean before being used in the fill color logic
---
 src/frontend/src/icons/JigsawStack/JigsawStackIcon.jsx | 2 +-
 src/frontend/src/icons/JigsawStack/index.tsx           | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/icons/JigsawStack/JigsawStackIcon.jsx b/src/frontend/src/icons/JigsawStack/JigsawStackIcon.jsx
index 26a404fc7..363b76fcf 100644
--- a/src/frontend/src/icons/JigsawStack/JigsawStackIcon.jsx
+++ b/src/frontend/src/icons/JigsawStack/JigsawStackIcon.jsx
@@ -9,7 +9,7 @@ const JigsawStackIconSVG = ({ isdark, ...props }) => (
   >
     <path
       fill={
-        isdark
+        stringToBool(isdark)
           ? "url(#paint0_linear_102_21_dark)"
           : "url(#paint0_linear_102_21)"
       }
diff --git a/src/frontend/src/icons/JigsawStack/index.tsx b/src/frontend/src/icons/JigsawStack/index.tsx
index 1da99f0d1..f7af942aa 100644
--- a/src/frontend/src/icons/JigsawStack/index.tsx
+++ b/src/frontend/src/icons/JigsawStack/index.tsx
@@ -1,3 +1,4 @@
+import { useDarkStore } from "@/stores/darkStore";
 import React, { forwardRef } from "react";
 import JigsawStackIconSVG from "./JigsawStackIcon";
 
@@ -5,5 +6,6 @@ export const JigsawStackIcon = forwardRef<
   SVGSVGElement,
   React.PropsWithChildren<{}>
 >((props, ref) => {
-  return <JigsawStackIconSVG ref={ref} {...props} />;
+  const isdark = useDarkStore((state) => state.dark).toString();
+  return <JigsawStackIconSVG ref={ref} {...props} isdark={isdark} />;
 });