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 | 93ce8560fa19c3a91de99643fdbbe4f895a47b84 (patch) | |
| tree | 66a9e6f1bbbbd5a0a25c13a0e51e7a7c1225871c /Timeline/ClientApp/src/app/common/LoadingPage.tsx | |
| parent | 6893a1c1e43b8fc17eaaba72db90494d946b5091 (diff) | |
| download | timeline-93ce8560fa19c3a91de99643fdbbe4f895a47b84.tar.gz timeline-93ce8560fa19c3a91de99643fdbbe4f895a47b84.tar.bz2 timeline-93ce8560fa19c3a91de99643fdbbe4f895a47b84.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; |