web/src/views/LoadingPage/LoadingPage.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

import React from "react";
import ReactLoading from "react-loading";
import { Typography, Grid } from "@material-ui/core";

const LoadingPage = 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>
    );
}

export default LoadingPage