diff options
author | 2022-08-12 19:54:46 +0200 | |
---|---|---|
committer | 2022-08-12 19:54:46 +0200 | |
commit | d22c3b0c257f5daf5b401988a35ab9ce981a2341 (patch) | |
tree | 0a661c927c37b52197326d1c05e211daf9bd19e5 /subprojects/frontend/src/Loading.tsx | |
parent | fix(language): rule parsing test (diff) | |
download | refinery-d22c3b0c257f5daf5b401988a35ab9ce981a2341.tar.gz refinery-d22c3b0c257f5daf5b401988a35ab9ce981a2341.tar.zst refinery-d22c3b0c257f5daf5b401988a35ab9ce981a2341.zip |
refactor(frontend): move from Webpack to Vite
Also overhaulds the building and linting for frontend assets.
Diffstat (limited to 'subprojects/frontend/src/Loading.tsx')
-rw-r--r-- | subprojects/frontend/src/Loading.tsx | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/subprojects/frontend/src/Loading.tsx b/subprojects/frontend/src/Loading.tsx new file mode 100644 index 00000000..a699adca --- /dev/null +++ b/subprojects/frontend/src/Loading.tsx | |||
@@ -0,0 +1,19 @@ | |||
1 | import CircularProgress from '@mui/material/CircularProgress'; | ||
2 | import { styled } from '@mui/material/styles'; | ||
3 | import React from 'react'; | ||
4 | |||
5 | const LoadingRoot = styled('div')({ | ||
6 | width: '100vw', | ||
7 | height: '100vh', | ||
8 | display: 'flex', | ||
9 | alignItems: 'center', | ||
10 | justifyContent: 'center', | ||
11 | }); | ||
12 | |||
13 | export default function Loading() { | ||
14 | return ( | ||
15 | <LoadingRoot> | ||
16 | <CircularProgress /> | ||
17 | </LoadingRoot> | ||
18 | ); | ||
19 | } | ||