feat: adding function that handles mobile menu state

Author: marcoDmc

src/components/Header/Header.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { IHeader } from './types';
 import { cn } from '@/lib/utils';
 
@@ -7,12 +7,16 @@ const Header = React.forwardRef<HTMLDivElement, IHeader>((props, ref) => {
     endAdornment,
     startAdornment,
     title,
-    handleStatusHamburguer,
-    statusHamburguer,
     className = '',
     ...rest
   } = props;
 
+
+
+
+  const [statusHamburguer, setStatus] = useState(false)
+  const handleStatusHamburguer = () => setStatus(prev => !prev)
+
   return (
     <header
       ref={ref}

src/components/Header/types.ts

@@ -2,6 +2,4 @@ export interface IHeader extends React.ComponentPropsWithoutRef<'div'> {
   title: string;
   startAdornment?: React.ReactNode;
   endAdornment?: React.ReactNode;
-  handleStatusHamburguer: () => void;
-  statusHamburguer: boolean
 }

src/pages/Home/Home.tsx

@@ -33,8 +33,7 @@ const Home = () => {
     ...qs.parse(new URLSearchParams(window.location.search).toString()),
   });
 
-  const [status, setStatus] = useState(false)
-
+  
   const [, setSearch] = useThrottle<string>(
     {
       throttle: 400,
@@ -51,7 +50,7 @@ const Home = () => {
     []
   );
   const navigate = useNavigate();
-
+  
   const clearSearch = useCallback(() => {
     setSearch('');
     setFilterData(initialFilterData);
@@ -63,7 +62,7 @@ const Home = () => {
     () => shelters.page * shelters.perPage < shelters.count,
     [shelters.page, shelters.perPage, shelters.count]
   );
-
+  
   const onSubmitFilterForm = useCallback(
     (values: IFilterFormProps) => {
       setOpenModal(false);
@@ -80,15 +79,15 @@ const Home = () => {
     },
     [refresh, setSearchParams]
   );
-
+  
   const handleFetchMore = useCallback(() => {
     const params = {
       ...shelters.filters,
       page: shelters.page + 1,
       perPage: shelters.perPage,
       search: qs.stringify(filterData),
     };
-
+    
     refresh(
       {
         params: params,
@@ -97,15 +96,14 @@ const Home = () => {
     );
   }, [refresh, filterData, shelters.filters, shelters.page, shelters.perPage]);
 
-  const handleStatusHamburguer = () => setStatus(prev => !prev)
   return (
     <div className="flex flex-col h-screen items-center">
       {isModalOpen && (
         <Filter
-          open={isModalOpen}
-          data={filterData}
-          onClose={() => setOpenModal(false)}
-          onSubmit={onSubmitFilterForm}
+        open={isModalOpen}
+        data={filterData}
+        onClose={() => setOpenModal(false)}
+        onSubmit={onSubmitFilterForm}
         />
       )}
       <Header
@@ -153,8 +151,6 @@ const Home = () => {
             )}
           </div>
         }
-        statusHamburguer={status}
-        handleStatusHamburguer={handleStatusHamburguer}
       />
       <ShelterListView
         loading={loading}