menu changes

src/components/Sidebar/menu.js

@@ -1,80 +1,123 @@
 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: "Typography",
+    label: "Resources",
     link: "/app/typography",
-    icon: <TypographyIcon />
-  },
-  { id: 2, label: "Tables", link: "/app/tables", icon: <TableIcon /> },
-  {
-    id: 3,
-    label: "Notifications",
-    link: "/app/notifications",
-    icon: <NotificationsIcon />
+    icon: <ImageIcon />
   },
+
+  { id: 2, type: "divider" },
+  { id: 3, type: "title", label: "System" },
   {
     id: 4,
-    label: "UI Elements",
-    link: "/app/ui",
-    icon: <UIElementsIcon />,
+    label: "Admin",
+    link: "/app/typography",
+    icon: <BuildIcon />
+  },
+  {
+    id: 5,
+    label: "Settings",
+    link: "/app/typography",
+    icon: <SettingsIcon />,
     children: [
-      { label: "Icons", link: "/app/ui/icons" },
-      { label: "Charts", link: "/app/ui/charts" },
-      { label: "Maps", link: "/app/ui/maps" }
+      {
+        id: 50,
+        label: "Notifications",
+        link: "/app/notifications",
+        icon: <NotificationsIcon />
+      }
     ]
   },
-  { id: 5, type: "divider" },
-  { id: 6, type: "title", label: "HELP" },
   {
-    id: 7,
+    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://flatlogic.com/templates",
+    link: "https://dev.azure.com/tstanciu94/CDN",
     icon: <LibraryIcon />
   },
   {
-    id: 8,
+    id: 10,
     label: "Support",
-    link: "https://flatlogic.com/forum",
+    link: "https://toodle.ddns.net/forum",
     icon: <SupportIcon />
   },
   {
-    id: 9,
+    id: 11,
     label: "FAQ",
-    link: "https://flatlogic.com/forum",
+    link: "https://toodle.ddns.net/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: 12, type: "divider" },
   {
     id: 13,
-    label: "Starred",
-    link: "",
-    icon: <Dot size="small" color="primary" />
-  },
-  {
-    id: 14,
-    label: "Background",
-    link: "",
-    icon: <Dot size="small" color="secondary" />
+    label: "Template",
+    children: [
+      {
+        id: 14,
+        label: "Typography",
+        link: "/app/typography",
+        icon: <TypographyIcon />
+      },
+      { id: 15, label: "Tables", link: "/app/tables", icon: <TableIcon /> },
+      {
+        id: 16,
+        label: "UI Elements",
+        link: "/app/ui",
+        icon: <UIElementsIcon />,
+        children: [
+          { label: "Icons", link: "/app/ui/icons" },
+          { label: "Charts", link: "/app/ui/charts" },
+          { label: "Maps", link: "/app/ui/maps" }
+        ]
+      },
+      {
+        id: 17,
+        label: "My recent",
+        link: "",
+        icon: <Dot size="small" color="warning" />
+      },
+      {
+        id: 18,
+        label: "Starred",
+        link: "",
+        icon: <Dot size="small" color="primary" />
+      },
+      {
+        id: 19,
+        label: "Background",
+        link: "",
+        icon: <Dot size="small" color="secondary" />
+      }
+    ]
   }
 ];