1 files changed, 0 insertions, 109 deletions
diff --git a/modern/src/settings/OptionsLayout/index.js b/modern/src/settings/OptionsLayout/index.js
deleted file mode 100644
index fea03722..00000000
--- a/modern/src/settings/OptionsLayout/index.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useHistory, useLocation } from 'react-router-dom';
-import {
-  Typography,
-  Divider,
-  Drawer,
-  makeStyles,
-  IconButton,
-  Hidden,
-} from '@material-ui/core';
-
-import ArrowBackIcon from '@material-ui/icons/ArrowBack';
-
-import SideNav from '../../components/SideNav';
-import NavBar from '../../components/NavBar';
-import useRoutes from './useRoutes';
-import { useTranslation } from '../../LocalizationProvider';
-
-const useStyles = makeStyles((theme) => ({
-  root: {
-    display: 'flex',
-    height: '100%',
-  },
-  drawerContainer: {
-    width: theme.dimensions.drawerWidthDesktop,
-  },
-  drawer: {
-    width: theme.dimensions.drawerWidthDesktop,
-    [theme.breakpoints.down('md')]: {
-      width: theme.dimensions.drawerWidthTablet,
-    },
-  },
-  content: {
-    flex: 1,
-    padding: theme.spacing(5, 3, 3, 3),
-    [theme.breakpoints.down('md')]: {
-      paddingTop: theme.spacing(10),
-    },
-  },
-  drawerHeader: {
-    ...theme.mixins.toolbar,
-    display: 'flex',
-    alignItems: 'center',
-    padding: theme.spacing(0, 1),
-  },
-  toolbar: {
-    [theme.breakpoints.down('md')]: {
-      ...theme.mixins.toolbar,
-    },
-  },
-}));
-
-const OptionsLayout = ({ children }) => {
-  const classes = useStyles();
-  const location = useLocation();
-  const history = useHistory();
-  const routes = useRoutes();
-  const t = useTranslation();
-
-  const [openDrawer, setOpenDrawer] = useState(false);
-  const [optionTitle, setOptionTitle] = useState();
-
-  useEffect(() => {
-    const activeRoute = routes.find(
-      (route) => route.href && location.pathname.match(route.match || route.href),
-    );
-    setOptionTitle(activeRoute?.name);
-  }, [location, routes]);
-
-  const title = `${t('settingsTitle')} / ${optionTitle}`;
-
-  return (
-    <div className={classes.root}>
-      <Hidden lgUp>
-        <NavBar setOpenDrawer={setOpenDrawer} title={title} />
-        <Drawer
-          variant="temporary"
-          open={openDrawer}
-          onClose={() => setOpenDrawer(!openDrawer)}
-          classes={{ paper: classes.drawer }}
-        >
-          <SideNav routes={routes} />
-        </Drawer>
-      </Hidden>
-
-      <Hidden mdDown>
-        <Drawer
-          variant="permanent"
-          classes={{ root: classes.drawerContainer, paper: classes.drawer }}
-        >
-          <div className={classes.drawerHeader}>
-            <IconButton onClick={() => history.push('/')}>
-              <ArrowBackIcon />
-            </IconButton>
-            <Typography variant="h6" color="inherit" noWrap>
-              {t('settingsTitle')}
-            </Typography>
-          </div>
-          <Divider />
-          <SideNav routes={routes} />
-        </Drawer>
-      </Hidden>
-
-      <div className={classes.content}>{children}</div>
-    </div>
-  );
-};
-
-export default OptionsLayout;