feat: Move the loading panel to a component

2018-10-16 14:25:18 +02:00
parent e9d7c156cc
commit 8b2aba5d91
7 changed files with 58 additions and 83 deletions
--- a/frontend/src/components/loading.tsx
+++ b/frontend/src/components/loading.tsx
@@ -1,7 +1,17 @@
 import * as React from "react";

+import CircularProgress from "@material-ui/core/CircularProgress";
+import Paper from "@material-ui/core/Paper";
+import Grid from "@material-ui/core/Grid";
+
 export default class Loader extends React.Component<{}> {
    render() {
-        return <div className="loader" />;
+        return <div className="center">
+            <Paper className="paper">
+                <Grid container direction="column" spacing={8}>
+                    <CircularProgress />
+                </Grid>
+            </Paper>
+        </div>;
    }
 }