diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index d41ef3d0..7b4a8598 100644 --- a/src/components/Header/index.tsx +++ b/src/components/Header/index.tsx @@ -2,42 +2,42 @@ import logoInvert from '@/assets/images/brand/logo-invert.svg'; import { HOME_ROUTE } from '@/constants/routes'; import { HEADER_HEIGHT } from '@/constants/theme'; import type { HeaderProps as MantineHeaderProps } from '@mantine/core'; -import { Box, Image, Header as MantineHeader, Burger } from '@mantine/core'; -import { FC, useEffect } from 'react'; +import { Box, Image, Header as MantineHeader } from '@mantine/core'; +import { FC } from 'react'; import { Link } from 'react-router-dom'; import { useHeaderStyles } from './styles'; import SubHeader from './SubHeader'; -import { useHeaderContext } from '@/layouts/MainLayout/Context'; -import useMountedState from '@/hooks/useMountedState'; +// import { useHeaderContext } from '@/layouts/MainLayout/Context'; +// import useMountedState from '@/hooks/useMountedState'; type HeaderProps = Omit; const Header: FC = (props) => { const { classes } = useHeaderStyles(); - const { container, logoContainer, burgerIcon, navContainer, imageSty } = classes; - const { - state: { subNavbarTogle }, - } = useHeaderContext(); - const [isSubNavbarOpen, setIsSubNavbarOpen] = useMountedState(false); - useEffect(() => { - const listener = subNavbarTogle.subscribe(setIsSubNavbarOpen); - return () => { - listener(); - }; - }, []); + const { container, logoContainer, navContainer, imageSty } = classes; + // const { + // state: { subNavbarTogle }, + // } = useHeaderContext(); + // const [isSubNavbarOpen, setIsSubNavbarOpen] = useMountedState(false); + // useEffect(() => { + // const listener = subNavbarTogle.subscribe(setIsSubNavbarOpen); + // return () => { + // listener(); + // }; + // }, []); return ( - + Parseable Logo - subNavbarTogle.set((state) => !state)} size={24} - /> + /> */}