PapaTutuWawa/Lateinicus
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: Add a 'No Vocab' dialog

Browse Source
This commit is contained in:
Alexander Polynomdivision
2018-10-16 14:47:41 +02:00
parent 8b2aba5d91
commit 1b5fd669de
4 changed files with 48 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
frontend/src/pages/review.tsx
View File

@@ -8,8 +8,6 @@ import Button from "@material-ui/core/Button";
import Typography from "@material-ui/core/Typography";
import Popover from "@material-ui/core/Popover";
import LinearProgress from "@material-ui/core/LinearProgress";
import CircularProgress from "@material-ui/core/CircularProgress";
import Paper from "@material-ui/core/Paper";
import Tooltip from "@material-ui/core/Tooltip";
import Dialog from "@material-ui/core/Dialog";
import DialogActions from "@material-ui/core/DialogActions";
@@ -322,7 +320,30 @@ const ReviewPageWithRouter = withRouter(
render() {
if (this.props.loading) {
return <Loader />;
return <div>
<Dialog
open={this.props.modalShow}
onClose={() => { }}>
<DialogTitle>Deine Vokabelliste ist leer</DialogTitle>
<DialogContent>
<DialogContentText>
Du hast noch keine Vokabeln, die du wiederholen könntest.
Vokabeln werden nach dem erfolgreichen beenden eines Levels
der Vokabelliste hinzugefügt
</DialogContentText>
</DialogContent>
<DialogActions>
<Button
onClick={this.closeModal}
color="primary">
Verstanden
</Button>
</DialogActions>
</Dialog>
<Loader />
</div>;
}
const { question, qtype } = this.props.current;
@@ -431,26 +452,6 @@ const ReviewPageWithRouter = withRouter(
) : undefined
}
<Dialog
open={true}
onClose={() => { }}>
<DialogTitle>Deine Vokabelliste ist leer</DialogTitle>
<DialogContent>
<DialogContentText>
Du hast noch keine Vokabeln, die du wiederholen könntest.
Vokabeln werden nach dem erfolgreichen beenden eines Levels
der Vokabelliste hinzugefügt
</DialogContentText>
</DialogContent>
<DialogActions>
<Button
onClick={this.closeModal}
color="primary">
Verstanden
</Button>
</DialogActions>
</Dialog>
<Dialog
open={this.props.dialogOpen}
onClose={this.closeDialog}>