diff --git a/ui/src/App.tsx b/ui/src/App.tsx index fe4c59a..478d8bd 100644 --- a/ui/src/App.tsx +++ b/ui/src/App.tsx @@ -7,6 +7,9 @@ import AppBar from "@material-ui/core/AppBar"; import Drawer from "@material-ui/core/Drawer"; import Toolbar from "@material-ui/core/Toolbar"; import List from "@material-ui/core/List"; +import ListItem from "@material-ui/core/ListItem"; +import ListItemIcon from "@material-ui/core/ListItemIcon"; +import ListItemText from "@material-ui/core/ListItemText"; import Typography from "@material-ui/core/Typography"; import Snackbar from "@material-ui/core/Snackbar"; import SnackbarContent from "@material-ui/core/SnackbarContent"; @@ -17,6 +20,7 @@ import MenuIcon from "@material-ui/icons/Menu"; import BarChartIcon from "@material-ui/icons/BarChart"; import LayersIcon from "@material-ui/icons/Layers"; import SettingsIcon from "@material-ui/icons/Settings"; +import FeedbackIcon from "@material-ui/icons/Feedback"; import CloseIcon from "@material-ui/icons/Close"; import { AppState } from "./store"; import { paths } from "./paths"; @@ -109,6 +113,10 @@ const useStyles = makeStyles((theme) => ({ height: "100%", flexDirection: "column", }, + listItem: { + borderTopRightRadius: "24px", + borderBottomRightRadius: "24px", + }, })); function mapStateToProps(state: AppState) { @@ -218,6 +226,18 @@ function App(props: ConnectedProps) { primary="Settings" icon={} /> + + + + + +