diff --git a/src/components/Sidebar/SidebarView.js b/src/components/Sidebar/SidebarView.js deleted file mode 100644 index b191ad4..0000000 --- a/src/components/Sidebar/SidebarView.js +++ /dev/null @@ -1,192 +0,0 @@ -import React from "react"; -import { Drawer, IconButton, List, withStyles } 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 classNames from "classnames"; - -import SidebarLink from "./components/SidebarLink/SidebarLinkContainer"; -import Dot from "./components/Dot"; - -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: - } -]; - -const SidebarView = ({ - classes, - theme, - toggleSidebar, - isSidebarOpened, - isPermanent, - location -}) => { - return ( - -
- - - -
- - {structure.map((link) => ( - - ))} - -
- ); -}; - -const drawerWidth = 240; - -const styles = (theme) => ({ - menuButton: { - marginLeft: 12, - marginRight: 36 - }, - hide: { - display: "none" - }, - drawer: { - width: drawerWidth, - flexShrink: 0, - whiteSpace: "nowrap", - top: theme.spacing.unit * 8, - [theme.breakpoints.down("sm")]: { - top: 0 - } - }, - drawerOpen: { - width: drawerWidth, - transition: theme.transitions.create("width", { - easing: theme.transitions.easing.sharp, - duration: theme.transitions.duration.enteringScreen - }) - }, - drawerClose: { - transition: theme.transitions.create("width", { - easing: theme.transitions.easing.sharp, - duration: theme.transitions.duration.leavingScreen - }), - overflowX: "hidden", - width: theme.spacing.unit * 7 + 40, - [theme.breakpoints.down("sm")]: { - width: drawerWidth - } - }, - toolbar: { - ...theme.mixins.toolbar, - [theme.breakpoints.down("sm")]: { - display: "none" - } - }, - content: { - flexGrow: 1, - padding: theme.spacing.unit * 3 - }, - mobileBackButton: { - marginTop: theme.spacing.unit * 0.5, - marginLeft: theme.spacing.unit * 3, - [theme.breakpoints.only("sm")]: { - marginTop: theme.spacing.unit * 0.625 - }, - [theme.breakpoints.up("md")]: { - display: "none" - } - } -}); - -export default withStyles(styles, { withTheme: true })(SidebarView);