Edit description on Timer page, add 'Lean More'

1 files changed, 14 insertions, 4 deletions

diff --git a/src/pages/Timer/Timer.js b/src/pages/Timer/Timer.js
index 4b5925f..66e1b8f 100644
--- a/src/pages/Timer/Timer.js
+++ b/src/pages/Timer/Timer.js
@@ -8,7 +8,7 @@ import TimerButton from "./TimerButton/TimerButton";
 import SmartList from "../../components/SmartList/SmartList";
 import SolutionCard from "../../components/SolutionCard/SolutionCard";
 
-import { Typography, makeStyles } from "@material-ui/core";
+import { Typography, Button, makeStyles } from "@material-ui/core";
 
 
 const useStyles = makeStyles(theme => ({
@@ -20,7 +20,7 @@ const useStyles = makeStyles(theme => ({
   },
 }));
 
-const Timer = ({ recentSolutions, setRecentSolutions }) => {
+const Timer = ({ recentSolutions, setRecentSolutions, setPage }) => {
   const classes = useStyles();
 
   const user = {
@@ -35,6 +35,10 @@ const Timer = ({ recentSolutions, setRecentSolutions }) => {
     });
   };
 
+  const handleLearnMore = () => {
+    setPage('contribute');
+  };
+
   const removeSolution = (id) => {
     setRecentSolutions(recentSolutions.filter((solution => solution.id !== id)));
   };
@@ -54,8 +58,14 @@ const Timer = ({ recentSolutions, setRecentSolutions }) => {
         <div className={classes.primary}>
           <ContentSection sectionName="Welcome to ChronoCube!">
             <Typography>
-              Here is some text about how cool this application is, why you should use it
-              and how to make it better!
+              <p>
+                ChronoCube is a professional speedcubing timer.
+                Share your results publicly - let everyone see your progress and
+                achievements!
+                Every speedcuber will benefit
+                from using it - both amateur and professional!
+              </p>
+              <Button variant="contained" color="secondary" onClick={handleLearnMore}> Learn more </Button>
             </Typography>
           </ContentSection>
           <TimerButton registerResult={registerResult} />