diff --git a/src/components/app.tsx b/src/components/app.tsx index 08b6eb9..5b8060d 100644 --- a/src/components/app.tsx +++ b/src/components/app.tsx @@ -16,7 +16,7 @@ import SettingsIcon from "@material-ui/icons/Settings"; import PersonIcon from "@material-ui/icons/Person"; import InfoIcon from "@material-ui/icons/Info"; -import { BrowserRouter, Route, Redirect } from "react-router-dom"; +import { BrowserRouter, Route, Redirect, Link } from "react-router-dom"; import AuthRoute from "../security/AuthRoute"; @@ -113,7 +113,7 @@ export default class Application extends React.Component<{}, IState> { // TODO: Don't fetch this when it was already fetched once. return [{ german: ["Wein"], - hint: "Worte auf '-um' sind meistens NeutrUM" + hint: "Worte auf '-um' sind meistens NeutrUM", type: VocabType.NOMEN, latin: { grundform: "Vinum", @@ -153,6 +153,12 @@ export default class Application extends React.Component<{}, IState> { return this.state.loggedIn === true; } + closeDrawer = () => { + this.setState({ + drawerOpen: false, + }); + } + render() { return @@ -202,10 +208,25 @@ export default class Application extends React.Component<{}, IState> { - + + + + - + Levelübersicht @@ -276,6 +297,12 @@ export default class Application extends React.Component<{}, IState> { return ; } }} /> + { + return

Get beaned!!

; + }} />