jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

feat(headerComponent): add support for storeStore in headerComponent to manage store state

Browse source 
refactor(headerComponent): refactor useDarkStore calls in headerComponent to improve readability and maintainability
This commit is contained in:
cristhianzl 2024-01-05 11:44:00 -03:00
commit 68e5454b11
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/frontend/src/components/headerComponent/index.tsx
View file

@ -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) {