From 4c9e328ad0ee8b3c287acb2e36fb36b1514b8fa0 Mon Sep 17 00:00:00 2001
From: Alexander Polynomdivision <digitalmail555@googlemail.com>
Date: Thu, 20 Sep 2018 17:34:01 +0200
Subject: [PATCH] feat: Basic implementation of showing the score

---
 src/components/Drawer.tsx | 11 +++++++++++
 src/containers/Drawer.ts  |  1 +
 src/models/user.ts        |  1 +
 src/pages/intro.tsx       |  1 +
 src/pages/login.tsx       |  8 +++++++-
 src/pages/review.tsx      |  2 +-
 src/reducers/index.ts     |  1 +
 7 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/components/Drawer.tsx b/src/components/Drawer.tsx
index 394d275..1499ff0 100644
--- a/src/components/Drawer.tsx
+++ b/src/components/Drawer.tsx
@@ -6,6 +6,7 @@ import AppBar from "@material-ui/core/AppBar";
 import Toolbar from "@material-ui/core/Toolbar";
 import Typography from "@material-ui/core/Typography";
 import IconButton from "@material-ui/core/IconButton";
+import Button from "@material-ui/core/Button";
 import SwipeableDrawer from "@material-ui/core/SwipeableDrawer";
 import List from "@material-ui/core/List";
 import ListItem from "@material-ui/core/ListItem";
@@ -21,9 +22,12 @@ import HomeIcon from "@material-ui/icons/Home";
 import BookIcon from "@material-ui/icons/Book";
 import ViewWeekIcon from "@material-ui/icons/ViewWeek";
 
+import { IUser } from "../models/user";
+
 interface IProps {
     logout: () => void;
 
+    user: IUser;
     open: boolean;
     showButton: boolean;
     authenticated: boolean;
@@ -55,6 +59,13 @@ export default class Drawer extends React.Component<IProps> {
                         <Typography className="flex" variant="title" color="inherit">
                             Lateinicus
                         </Typography>
+                        {
+                            this.props.authenticated ? (
+                                <Button color="inherit">
+                                    {`${this.props.user.score} / 200`}
+                                </Button>
+                            ) : undefined
+                        }
                     </Toolbar>
                 </AppBar>
                 <SwipeableDrawer
diff --git a/src/containers/Drawer.ts b/src/containers/Drawer.ts
index b7ef1d5..a5ffea1 100644
--- a/src/containers/Drawer.ts
+++ b/src/containers/Drawer.ts
@@ -6,6 +6,7 @@ import Drawer from "../components/Drawer";
 
 const mapStateToProps = state => {
     return {
+        user: state.user,
         open: state.drawer,
         authenticated: state.authenticated,
         showButton: state.drawerButton,
diff --git a/src/models/user.ts b/src/models/user.ts
index 5f1cf7a..9d7232e 100644
--- a/src/models/user.ts
+++ b/src/models/user.ts
@@ -2,6 +2,7 @@ export interface IUser {
     username: string;
     uid: string;
     showWelcome: boolean;
+    score: number;
 
     sessionToken: string;
 };
diff --git a/src/pages/intro.tsx b/src/pages/intro.tsx
index d4e2c2f..6907155 100644
--- a/src/pages/intro.tsx
+++ b/src/pages/intro.tsx
@@ -68,6 +68,7 @@ export default class IntroPage extends React.Component<{}> {
                         </Typography>
                     </CardContent>
                     <CardActions>
+                        {/*TODO: Tell the server to not show this page again*/}
                         <Button
                             fullWidth={true}
                             component={Link}
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index 91a6bfd..e4a28d5 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -35,7 +35,13 @@ const LoginPageWithRouter = withRouter(
             const username = this.usernameRef.value || "";
             const password = this.passwordRef.value || "";
             this.props.login(username, password).then((res: IUser) => {
-                this.props.history.push("/dashboard");
+                if (res.showWelcome) {
+                    // If the user logs in for the first time, a welcome
+                    // screen should be shown
+                    this.props.history.push("/welcome");
+                } else {
+                    this.props.history.push("/dashboard");
+                }
             }, (err) => {
                 this.props.setLoading(false);
                 this.props.setSnackbar(true, "Failed to log in");
diff --git a/src/pages/review.tsx b/src/pages/review.tsx
index 501f66a..70311cc 100644
--- a/src/pages/review.tsx
+++ b/src/pages/review.tsx
@@ -102,7 +102,7 @@ const ReviewPageWithRouter = withRouter(
             };
         }
 
-        vocabFromId = (id: number) => {
+        vocabFromId = (id: number): IVocab | {} => {
             return this.vocab.find((el) => el.id === this.props.current.id);
         }
 
diff --git a/src/reducers/index.ts b/src/reducers/index.ts
index 9aca60a..5c2b5d4 100644
--- a/src/reducers/index.ts
+++ b/src/reducers/index.ts
@@ -90,6 +90,7 @@ const initialState: IState = {
         popoverOpen: false,
         popoverText: "",
         popoverColor: "",
+        popoverTextColor: "",
     },
 
     lastReview: {