feat: menu and leftNav close when user change page

src/assets/components/leftNav/index.js

@@ -1,12 +1,20 @@
 import React from "react";
-
-//Styles
+import { Link } from "react-router-dom";
 import * as S from "./style";
 
-//React Router Dom
-import { Link } from "react-router-dom";
+const LeftNav = ({ open, onClose }) => {
+  const handleLinkClick = () => {
+    onClose();
+  };
+
+  const links = document.querySelectorAll("a");
+
+  links.forEach((link) => {
+    link.addEventListener("click", () => {
+      handleLinkClick();
+    });
+  });
 
-const RightNav = ({ open }) => {
   return (
     <S.List open={open}>
       <S.Item>
@@ -28,4 +36,4 @@ const RightNav = ({ open }) => {
   );
 };
 
-export default RightNav;
+export default LeftNav;

src/assets/components/menu/index.js

@@ -43,14 +43,18 @@ const StyledBurger = styled.section`
 const Burger = () => {
   const [open, setOpen] = useState(false);
 
+  const closeMenu = () => {
+    setOpen(false);
+  };
+
   return (
     <>
       <StyledBurger open={open} onClick={() => setOpen(!open)}>
         <section />
         <section />
         <section />
       </StyledBurger>
-      <LeftNav open={open} />
+      <LeftNav open={open} onClose={closeMenu} />
     </>
   );
 };