menu changes

src/components/Sidebar/menu.js

@@ -1,32 +1,95 @@
 import {
-  Home as HomeIcon,
+  Dashboard as DashboardIcon,
   NotificationsNone as NotificationsIcon,
   FormatSize as TypographyIcon,
   FilterNone as UIElementsIcon,
   BorderAll as TableIcon,
   QuestionAnswer as SupportIcon,
   LibraryBooks as LibraryIcon,
-  HelpOutline as FAQIcon
+  HelpOutline as FAQIcon,
+  Image as ImageIcon,
+  Build as BuildIcon,
+  Settings as SettingsIcon,
+  NetworkCheck as NetworkCheckIcon
 } from "@material-ui/icons";
 import Dot from "./components/Dot";
 
 const menu = [
-  { id: 0, label: "Dashboard", link: "/app/dashboard", icon: <HomeIcon /> },
+  {
+    id: 0,
+    label: "Dashboard",
+    link: "/app/dashboard",
+    icon: <DashboardIcon />
+  },
   {
     id: 1,
+    label: "Resources",
+    link: "/app/typography",
+    icon: <ImageIcon />
+  },
+
+  { id: 2, type: "divider" },
+  { id: 3, type: "title", label: "System" },
+  {
+    id: 4,
+    label: "Admin",
+    link: "/app/typography",
+    icon: <BuildIcon />
+  },
+  {
+    id: 5,
+    label: "Settings",
+    link: "/app/typography",
+    icon: <SettingsIcon />,
+    children: [
+      {
+        id: 50,
+        label: "Notifications",
+        link: "/app/notifications",
+        icon: <NotificationsIcon />
+      }
+    ]
+  },
+  {
+    id: 6,
+    label: "Health",
+    link: "/app/typography",
+    icon: <NetworkCheckIcon />
+  },
+  { id: 7, type: "divider" },
+  { id: 8, type: "title", label: "Community" },
+  {
+    id: 9,
+    label: "Library",
+    link: "https://dev.azure.com/tstanciu94/CDN",
+    icon: <LibraryIcon />
+  },
+  {
+    id: 10,
+    label: "Support",
+    link: "https://toodle.ddns.net/forum",
+    icon: <SupportIcon />
+  },
+  {
+    id: 11,
+    label: "FAQ",
+    link: "https://toodle.ddns.net/forum",
+    icon: <FAQIcon />
+  },
+  { id: 12, type: "divider" },
+  {
+    id: 13,
+    label: "Template",
+    children: [
+      {
+        id: 14,
         label: "Typography",
         link: "/app/typography",
         icon: <TypographyIcon />
       },
-  { id: 2, label: "Tables", link: "/app/tables", icon: <TableIcon /> },
+      { id: 15, label: "Tables", link: "/app/tables", icon: <TableIcon /> },
       {
-    id: 3,
+        id: 16,
-    label: "Notifications",
-    link: "/app/notifications",
-    icon: <NotificationsIcon />
-  },
-  {
-    id: 4,
         label: "UI Elements",
         link: "/app/ui",
         icon: <UIElementsIcon />,
@@ -36,46 +99,26 @@ const menu = [
           { label: "Maps", link: "/app/ui/maps" }
         ]
       },
-  { id: 5, type: "divider" },
-  { id: 6, type: "title", label: "HELP" },
       {
-    id: 7,
+        id: 17,
-    label: "Library",
-    link: "https://flatlogic.com/templates",
-    icon: <LibraryIcon />
-  },
-  {
-    id: 8,
-    label: "Support",
-    link: "https://flatlogic.com/forum",
-    icon: <SupportIcon />
-  },
-  {
-    id: 9,
-    label: "FAQ",
-    link: "https://flatlogic.com/forum",
-    icon: <FAQIcon />
-  },
-  { id: 10, type: "divider" },
-  { id: 11, type: "title", label: "PROJECTS" },
-  {
-    id: 12,
         label: "My recent",
         link: "",
         icon: <Dot size="small" color="warning" />
       },
       {
-    id: 13,
+        id: 18,
         label: "Starred",
         link: "",
         icon: <Dot size="small" color="primary" />
       },
       {
-    id: 14,
+        id: 19,
         label: "Background",
         link: "",
         icon: <Dot size="small" color="secondary" />
       }
+    ]
+  }
 ];
 
 export default menu;