fix: burger menu

PL-FE-SEP23-JANUSZ3X · Feb 22, 2024 · e14e895 · e14e895
1 parent 4f4141b
commit e14e895
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/my-app/src/components/burgerMenu/BurgerMenu.tsx b/my-app/src/components/burgerMenu/BurgerMenu.tsx
@@ -71,7 +71,7 @@ const badgeStyle = {
   }
 }
 
-const BurgerMenu = ({ isOpen }: {isOpen: boolean}) => {
+const BurgerMenu = ({ isOpen, setIsOpen }: {isOpen: boolean, setIsOpen: React.Dispatch<React.SetStateAction<boolean>>}) => {
   const goodsTypes = [
     {name: 'Phones', link: './phones'},
     {name: 'Tablets', link: './tablets'},
@@ -114,7 +114,8 @@ const BurgerMenu = ({ isOpen }: {isOpen: boolean}) => {
                     textAlign="center"
                     underline="none"
                     sx={isActive ? navLinkActiveStyle : navLinkStyle}
-                  >
+                    onClick={() => { setIsOpen(!isOpen); console.log(isOpen); }}
+                    >
                     Home
                   </Link>
                 )}
@@ -130,6 +131,7 @@ const BurgerMenu = ({ isOpen }: {isOpen: boolean}) => {
                     textAlign="center"
                     underline="none"
                     sx={isActive ? navLinkActiveStyle : navLinkStyle}
+                    onClick={() => { setIsOpen(!isOpen); console.log(isOpen); }}
                   >
                     {good.name}
                   </Link>
@@ -160,8 +162,12 @@ const BurgerMenu = ({ isOpen }: {isOpen: boolean}) => {
                     sx={badgeStyle}
                   >
                     {isActive 
-                      ? <FavoriteIcon />
-                      : <FavoriteBorderIcon />
+                      ? <FavoriteIcon 
+                          onClick={() => { setIsOpen(!isOpen); console.log(isOpen); }}
+                        />
+                      : <FavoriteBorderIcon
+                          onClick={() => { setIsOpen(!isOpen); console.log(isOpen); }}
+                        />
                     }
                   </Badge>
                 </IconButton>
@@ -178,6 +184,7 @@ const BurgerMenu = ({ isOpen }: {isOpen: boolean}) => {
                     edge="end"
                     aria-label="menu"
                     sx={isActive ? iconLinkActiveStyle : iconLinkStyle}
+                    onClick={() => { setIsOpen(!isOpen); console.log(isOpen); }}
                   >
                   <Badge
                     overlap="circular"

diff --git a/my-app/src/components/header/Header.tsx b/my-app/src/components/header/Header.tsx
@@ -322,7 +322,7 @@ const Header = (props: any) => {
             </>
           )}
           {isMobile && (
-            <BurgerMenu isOpen={isOpen}/>
+            <BurgerMenu isOpen={isOpen} setIsOpen={setIsOpen} />
           )}
         </Toolbar>
       </AppBar>