1 files changed, 14 insertions, 0 deletions
diff --git a/web/src/views/LoadingPage/LoadingPage.tsx b/web/src/views/LoadingPage/LoadingPage.tsx
new file mode 100644
index 000000000..4a334d450
--- /dev/null
+++ b/web/src/views/LoadingPage/LoadingPage.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import ReactLoading from "react-loading";
+import { Typography, Grid } from "@material-ui/core";
+
+export default function () {
+    return (
+        <Grid container alignItems="center" justify="center" style={{ minHeight: "100vh" }}>
+            <Grid item style={{ textAlign: "center", display: "inline-block" }}>
+                <ReactLoading width={64} height={64} color="black" type="bars" />
+                <Typography>Loading...</Typography>
+            </Grid>
+        </Grid>
+    );
+}
+\ No newline at end of file