From 68e5454b119504ab7e3cdd16f1d9ccf53c136cd2 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Fri, 5 Jan 2024 11:44:00 -0300
Subject: [PATCH] feat(headerComponent): add support for storeStore in
 headerComponent to manage store state refactor(headerComponent): refactor
 useDarkStore calls in headerComponent to improve readability and
 maintainability

---
 src/frontend/src/components/headerComponent/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index d330500cd..26619837f 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -8,6 +8,7 @@ import { AuthContext } from "../../contexts/authContext";
 
 import { FlowsContext } from "../../contexts/flowsContext";
 import { useDarkStore } from "../../stores/darkStore";
+import { useStoreStore } from "../../stores/storeStore";
 import { gradients } from "../../utils/styleUtils";
 import IconComponent from "../genericIconComponent";
 import { Button } from "../ui/button";
@@ -29,7 +30,12 @@ export default function Header(): JSX.Element {
   const { logout, autoLogin, isAdmin, userData } = useContext(AuthContext);
   const navigate = useNavigate();
 
-  const { dark, setDark, stars, gradientIndex } = useDarkStore();
+  const hasStore = useStoreStore((state) => state.hasStore);
+
+  const dark = useDarkStore((state) => state.dark);
+  const setDark = useDarkStore((state) => state.setDark);
+  const stars = useDarkStore((state) => state.stars);
+  const gradientIndex = useDarkStore((state) => state.gradientIndex);
 
   useEffect(() => {
     if (dark) {