diff --git a/src/components/Sidebar/Sidebar.js b/src/components/Sidebar/Sidebar.js
index e86b80f..a487299 100644
--- a/src/components/Sidebar/Sidebar.js
+++ b/src/components/Sidebar/Sidebar.js
@@ -1,16 +1,6 @@
import React, { useState, useEffect } from "react";
import { Drawer, IconButton, List } from "@material-ui/core";
-import {
- Home as HomeIcon,
- NotificationsNone as NotificationsIcon,
- FormatSize as TypographyIcon,
- FilterNone as UIElementsIcon,
- BorderAll as TableIcon,
- QuestionAnswer as SupportIcon,
- LibraryBooks as LibraryIcon,
- HelpOutline as FAQIcon,
- ArrowBack as ArrowBackIcon
-} from "@material-ui/icons";
+import { MenuOpen as MenuOpenIcon } from "@material-ui/icons";
import { useTheme } from "@material-ui/styles";
import { withRouter } from "react-router-dom";
import classNames from "classnames";
@@ -20,7 +10,6 @@ import useStyles from "./styles";
// components
import SidebarLink from "./components/SidebarLink/SidebarLink";
-import Dot from "./components/Dot";
// context
import {
@@ -29,73 +18,7 @@ import {
toggleSidebar
} from "../../context/LayoutContext";
-const structure = [
- { id: 0, label: "Dashboard", link: "/app/dashboard", icon: },
- {
- id: 1,
- label: "Typography",
- link: "/app/typography",
- icon:
- },
- { id: 2, label: "Tables", link: "/app/tables", icon: },
- {
- id: 3,
- label: "Notifications",
- link: "/app/notifications",
- icon:
- },
- {
- id: 4,
- label: "UI Elements",
- link: "/app/ui",
- icon: ,
- children: [
- { label: "Icons", link: "/app/ui/icons" },
- { label: "Charts", link: "/app/ui/charts" },
- { label: "Maps", link: "/app/ui/maps" }
- ]
- },
- { id: 5, type: "divider" },
- { id: 6, type: "title", label: "HELP" },
- {
- id: 7,
- label: "Library",
- link: "https://flatlogic.com/templates",
- icon:
- },
- {
- id: 8,
- label: "Support",
- link: "https://flatlogic.com/forum",
- icon:
- },
- {
- id: 9,
- label: "FAQ",
- link: "https://flatlogic.com/forum",
- icon:
- },
- { id: 10, type: "divider" },
- { id: 11, type: "title", label: "PROJECTS" },
- {
- id: 12,
- label: "My recent",
- link: "",
- icon:
- },
- {
- id: 13,
- label: "Starred",
- link: "",
- icon:
- },
- {
- id: 14,
- label: "Background",
- link: "",
- icon:
- }
-];
+import menu from "./menu";
function Sidebar({ location }) {
var classes = useStyles();
@@ -134,7 +57,7 @@ function Sidebar({ location }) {
toggleSidebar(layoutDispatch)}>
-
- {structure.map((link) => (
+ {menu.map((link) => (
},
+ {
+ id: 1,
+ label: "Typography",
+ link: "/app/typography",
+ icon:
+ },
+ { id: 2, label: "Tables", link: "/app/tables", icon: },
+ {
+ id: 3,
+ label: "Notifications",
+ link: "/app/notifications",
+ icon:
+ },
+ {
+ id: 4,
+ label: "UI Elements",
+ link: "/app/ui",
+ icon: ,
+ children: [
+ { label: "Icons", link: "/app/ui/icons" },
+ { label: "Charts", link: "/app/ui/charts" },
+ { label: "Maps", link: "/app/ui/maps" }
+ ]
+ },
+ { id: 5, type: "divider" },
+ { id: 6, type: "title", label: "HELP" },
+ {
+ id: 7,
+ label: "Library",
+ link: "https://flatlogic.com/templates",
+ icon:
+ },
+ {
+ id: 8,
+ label: "Support",
+ link: "https://flatlogic.com/forum",
+ icon:
+ },
+ {
+ id: 9,
+ label: "FAQ",
+ link: "https://flatlogic.com/forum",
+ icon:
+ },
+ { id: 10, type: "divider" },
+ { id: 11, type: "title", label: "PROJECTS" },
+ {
+ id: 12,
+ label: "My recent",
+ link: "",
+ icon:
+ },
+ {
+ id: 13,
+ label: "Starred",
+ link: "",
+ icon:
+ },
+ {
+ id: 14,
+ label: "Background",
+ link: "",
+ icon:
+ }
+];
+
+export default menu;
diff --git a/src/components/Sidebar/package.json b/src/components/Sidebar/package.json
deleted file mode 100644
index 5899c94..0000000
--- a/src/components/Sidebar/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Sidebar",
- "version": "0.0.0",
- "private": true,
- "main": "Sidebar.js"
-}