Create initial TimerPage component

Show last 5 results

1 files changed, 8 insertions, 2 deletions

diff --git a/src/index.js b/src/index.js
index 5268b1e..07c50bc 100644
--- a/src/index.js
+++ b/src/index.js
@@ -7,7 +7,7 @@ import { ThemeProvider, makeStyles } from '@material-ui/core/styles';
 
 import theme from "./theme";
 import Header from './components/Header/Header';
-import Timer from './components/Timer/Timer';
+import TimerPage from "./components/TimerPage/TimerPage";
 import Scoreboard from "./components/Scoreboard/Scoreboard";
 
 
@@ -21,13 +21,19 @@ const useStyles = makeStyles(theme => ({
 const App = () => {
 
   const [page, setPage] = useState('app');
+  const [recentSolutions, setRecentSolutions] = useState([]);
 
   const classes = useStyles();
 
   const getPageComponent = page => {
     switch (page) {
       case 'app':
-        return (<Timer/>);
+        return (
+          <TimerPage
+            recentSolutions={recentSolutions}
+            setRecentSolutions={setRecentSolutions}
+          />
+        );
       case 'scoreboard':
         return (<Scoreboard/>);
       default: