diff options
| author | crupest <crupest@outlook.com> | 2020-06-11 17:27:15 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-06-11 17:27:15 +0800 |
| commit | cf6cfe87b46a2a3eb2913209092ab4c5639e75c3 (patch) | |
| tree | eba7504d04dad89f67524b48d88a3b5eb27de6de /Timeline/ClientApp/src/app/common/LoadingPage.tsx | |
| parent | 4b8abdd1921935ebb29d18961534db04a2e58fbb (diff) | |
| download | timeline-cf6cfe87b46a2a3eb2913209092ab4c5639e75c3.tar.gz timeline-cf6cfe87b46a2a3eb2913209092ab4c5639e75c3.tar.bz2 timeline-cf6cfe87b46a2a3eb2913209092ab4c5639e75c3.zip | |
feat(front): Service worker is coming!
Diffstat (limited to 'Timeline/ClientApp/src/app/common/LoadingPage.tsx')
| -rw-r--r-- | Timeline/ClientApp/src/app/common/LoadingPage.tsx | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/Timeline/ClientApp/src/app/common/LoadingPage.tsx b/Timeline/ClientApp/src/app/common/LoadingPage.tsx new file mode 100644 index 00000000..81bc74cf --- /dev/null +++ b/Timeline/ClientApp/src/app/common/LoadingPage.tsx @@ -0,0 +1,12 @@ +import React from 'react'; +import { Spinner } from 'reactstrap'; + +const LoadingPage: React.FC = () => { + return ( + <div className="position-fixed w-100 h-100 d-flex justify-content-center align-items-center"> + <Spinner style={{ height: '2.5rem', width: '2.5rem' }} color="primary" /> + </div> + ); +}; + +export default LoadingPage; |