subprojects/frontend/src/Loading.tsx


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

import CircularProgress from '@mui/material/CircularProgress';
import { styled } from '@mui/material/styles';
import React from 'react';

const LoadingRoot = styled('div')({
  width: '100vw',
  height: '100vh',
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
});

export default function Loading() {
  return (
    <LoadingRoot>
      <CircularProgress />
    </LoadingRoot>
  );
}