nats-streaming-ui/src/components/sidebar/Sidebar.jsx

GUI for Nats Streaming server

import React from "react";
import clsx from "clsx";
import Drawer from "@material-ui/core/Drawer";
import List from "@material-ui/core/List";
import Divider from "@material-ui/core/Divider";
import IconButton from "@material-ui/core/IconButton";
import ChevronLeftIcon from "@material-ui/icons/ChevronLeft";

import { ListItems } from "./Items";

import { useStyles } from "../../cssinjs";

const Sidebar = props => {
  const { open, handleDrawerClose } = props;
  const classes = useStyles();

  return (
    <Drawer
      variant="permanent"
      classes={{
        paper: clsx(classes.drawerPaper, !open && classes.drawerPaperClose)
      }}
      open={open}
    >
      <div className={classes.toolbarIcon}>
        <IconButton onClick={handleDrawerClose}>
          <ChevronLeftIcon />
        </IconButton>
      </div>
      <Divider />
      <List>{ListItems}</List>
      <Divider />
    </Drawer>
  );
};

export { Sidebar };