Cleanup index.js

1 files changed, 2 insertions, 13 deletions

diff --git a/src/index.js b/src/index.js
index ed053a6..3ec39c3 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,9 +1,8 @@
 import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
 
-import { Box } from "@material-ui/core";
 import CssBaseline from '@material-ui/core/CssBaseline';
-import { ThemeProvider, makeStyles } from '@material-ui/core/styles';
+import { ThemeProvider } from '@material-ui/core/styles';
 
 import theme from "./theme";
 import Header from './components/Header/Header';
@@ -11,19 +10,11 @@ import TimerPage from "./pages/TimerPage/TimerPage";
 import Scoreboard from "./pages/Scoreboard/Scoreboard";
 
 
-const useStyles = makeStyles(theme => ({
-  root: {
-  },
-}));
-
-
 const App = () => {
 
   const [page, setPage] = useState('app');
   const [recentSolutions, setRecentSolutions] = useState([]);
 
-  const classes = useStyles();
-
   const getPageComponent = page => {
     switch (page) {
       case 'app':
@@ -49,9 +40,7 @@ const App = () => {
     <ThemeProvider theme={theme}>
       <CssBaseline/>
       <Header page={page} setPage={setPage}/>
-      <Box className={classes.root}>
-        { getPageComponent(page) }
-      </Box>
+      { getPageComponent(page) }
     </ThemeProvider>
   );
 };