diff options
author | Stefan Malzner <stefan@adlk.io> | 2018-12-09 01:01:12 +0100 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2018-12-09 01:01:12 +0100 |
commit | f01957203f77fce8b65d5e034a8acd68f1e0ae2e (patch) | |
tree | 2f8d0d232266cdc7ed74e1913b270527f46bb33d /src/components/ui/FullscreenLoader | |
parent | Add dark mode styles to content tabs (diff) | |
download | ferdium-app-f01957203f77fce8b65d5e034a8acd68f1e0ae2e.tar.gz ferdium-app-f01957203f77fce8b65d5e034a8acd68f1e0ae2e.tar.zst ferdium-app-f01957203f77fce8b65d5e034a8acd68f1e0ae2e.zip |
Upgrade to react 16
TODO: add componentDidCatch
Diffstat (limited to 'src/components/ui/FullscreenLoader')
-rw-r--r-- | src/components/ui/FullscreenLoader/index.js | 34 |
1 files changed, 17 insertions, 17 deletions
diff --git a/src/components/ui/FullscreenLoader/index.js b/src/components/ui/FullscreenLoader/index.js index 145c15c2d..36cd32d2a 100644 --- a/src/components/ui/FullscreenLoader/index.js +++ b/src/components/ui/FullscreenLoader/index.js | |||
@@ -8,21 +8,21 @@ import Loader from '../Loader'; | |||
8 | import styles from './styles'; | 8 | import styles from './styles'; |
9 | 9 | ||
10 | export default inject('stores')(injectSheet(styles)(({ stores, classes, className, title, children }) => ( | 10 | export default inject('stores')(injectSheet(styles)(({ stores, classes, className, title, children }) => ( |
11 | <div className={classes.wrapper}> | 11 | <div className={classes.wrapper}> |
12 | <div | 12 | <div |
13 | className={classnames({ | 13 | className={classnames({ |
14 | [`${classes.component}`]: true, | 14 | [`${classes.component}`]: true, |
15 | [`${className}`]: className, | 15 | [`${className}`]: className, |
16 | })} | 16 | })} |
17 | > | 17 | > |
18 | <h1 className={classes.title}>{title}</h1> | 18 | <h1 className={classes.title}>{title}</h1> |
19 | <Loader color={stores.settings.app.darkMode ? '#FFF' : '#000'} /> | 19 | <Loader color={stores.settings.app.darkMode ? '#FFF' : '#000'} /> |
20 | {children && ( | 20 | {children && ( |
21 | <div className={classes.content}> | 21 | <div className={classes.content}> |
22 | {children} | 22 | {children} |
23 | </div> | 23 | </div> |
24 | )} | 24 | )} |
25 | </div> | ||
26 | </div> | 25 | </div> |
27 | ) | 26 | </div> |
28 | )); | 27 | ), |
28 | )); | ||