diff options
| author |  piotrruss <mail@pruss.it>
| 2021-08-22 14:33:54 +0200 |
|---|---|---|
| committer | piotrruss <mail@pruss.it>
| 2021-08-29 15:35:49 +0200 |
| commit | 9f74c550927671f4ded301d0cf3e9d592716375c (patch) | |
| tree | 6075bead5939bfb9c3b6137fc5ef865f088b57cb /components/Splash.js | |
| parent | 71cc09db93ec9b079a30593e14ca57c98fdc94ac (diff) | |
| download | my_apps-9f74c550927671f4ded301d0cf3e9d592716375c.tar.gz my_apps-9f74c550927671f4ded301d0cf3e9d592716375c.tar.bz2 my_apps-9f74c550927671f4ded301d0cf3e9d592716375c.zip | |
settings
Diffstat (limited to 'components/Splash.js')
| -rw-r--r-- | components/Splash.js | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/components/Splash.js b/components/Splash.js new file mode 100644 index 0000000..7976de4 --- /dev/null +++ b/components/Splash.js @@ -0,0 +1,13 @@ +import styles from 'styles/Main.module.scss' +import React from 'react' +import {FontAwesomeIcon} from '@fortawesome/react-fontawesome' +import {faBan, faSpinner} from '@fortawesome/free-solid-svg-icons' + +const Splash = ({type, fixed = false}) => ( + <div className={`${type === 'connection' ? styles.connection : styles.loader} ${fixed ? styles.fixed : ''}`}> + <FontAwesomeIcon icon={type === 'connection' ? faBan : faSpinner} /> + <p>{type === 'connection' ? 'No connection' : 'Loading...'}</p> + </div> +) + +export default Splash |