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" -}