first commit

2023-03-25 20:44:56 -04:00
commit 97cc85c49d
711 changed files with 109164 additions and 0 deletions
@@ -0,0 +1,63 @@
+import React, { useState, useEffect } from "react";
+import { styled } from "@mui/material/styles";
+import Link from "next/link";
+import styles from "@/components/_App/LeftSidebar/SubMenu.module.css";
+import { useRouter } from "next/router";
+
+const SidebarLabel = styled("span")(({ theme }) => ({
+  position: "relative",
+  top: "-3px",
+}));
+
+const SubMenu = ({ item }) => {
+  const [subnav, setSubnav] = useState(false);
+  const showSubnav = () => setSubnav(!subnav);
+  const [currentPath, setCurrentPath] = useState("");
+  const router = useRouter();
+  // console.log(router.asPath)
+
+  useEffect(() => {
+    setCurrentPath(router.asPath);
+  }, [router]);
+
+  return (
+    <>
+      <Link
+        href={item.path}
+        onClick={item.subNav && showSubnav}
+        className={`${styles.sidebarLink} ${
+          currentPath == item.path && "sidebarLinkActive"
+        }`}
+      >
+        <div>
+          {item.icon}
+          <SidebarLabel className="ml-1">{item.title}</SidebarLabel>
+        </div>
+        <div>
+          {item.subNav && subnav
+            ? item.iconOpened
+            : item.subNav
+            ? item.iconClosed
+            : null}
+        </div>
+      </Link>
+      {subnav &&
+        item.subNav.map((item, index) => {
+          return (
+            <Link
+              href={item.path}
+              key={index}
+              className={`${styles.sidebarLink2} ${
+                currentPath == item.path && "sidebarLinkActive2"
+              }`}
+            >
+              {item.icon}
+              {item.title}
+            </Link>
+          );
+        })}
+    </>
+  );
+};
+
+export default SubMenu;