diff options
author | 2018-12-08 23:43:52 +0100 | |
---|---|---|
committer | 2018-12-08 23:43:52 +0100 | |
commit | e3975b5051e0ba7fbc77e65afb82d72a45b06546 (patch) | |
tree | 53f0e655a5fcb6018bfee46972bbb36755fc8eb4 | |
parent | Dispose autorun on component unmount (diff) | |
download | ferdium-app-e3975b5051e0ba7fbc77e65afb82d72a45b06546.tar.gz ferdium-app-e3975b5051e0ba7fbc77e65afb82d72a45b06546.tar.zst ferdium-app-e3975b5051e0ba7fbc77e65afb82d72a45b06546.zip |
Make spinner work in lightMode
-rw-r--r-- | src/components/ui/FullscreenLoader/index.js | 36 |
1 files changed, 19 insertions, 17 deletions
diff --git a/src/components/ui/FullscreenLoader/index.js b/src/components/ui/FullscreenLoader/index.js index bff5189c5..145c15c2d 100644 --- a/src/components/ui/FullscreenLoader/index.js +++ b/src/components/ui/FullscreenLoader/index.js | |||
@@ -1,26 +1,28 @@ | |||
1 | import React from 'react'; | 1 | import React from 'react'; |
2 | import injectSheet from 'react-jss'; | 2 | import injectSheet from 'react-jss'; |
3 | import classnames from 'classnames'; | 3 | import classnames from 'classnames'; |
4 | import { inject } from 'mobx-react'; | ||
4 | 5 | ||
5 | import Loader from '../Loader'; | 6 | import Loader from '../Loader'; |
6 | 7 | ||
7 | import styles from './styles'; | 8 | import styles from './styles'; |
8 | 9 | ||
9 | export default injectSheet(styles)(({ classes, className, title, children }) => ( | 10 | export default inject('stores')(injectSheet(styles)(({ stores, classes, className, title, children }) => ( |
10 | <div className={classes.wrapper}> | 11 | <div className={classes.wrapper}> |
11 | <div | 12 | <div |
12 | className={classnames({ | 13 | className={classnames({ |
13 | [`${classes.component}`]: true, | 14 | [`${classes.component}`]: true, |
14 | [`${className}`]: className, | 15 | [`${className}`]: className, |
15 | })} | 16 | })} |
16 | > | 17 | > |
17 | <h1 className={classes.title}>{title}</h1> | 18 | <h1 className={classes.title}>{title}</h1> |
18 | <Loader color="#FFF" /> | 19 | <Loader color={stores.settings.app.darkMode ? '#FFF' : '#000'} /> |
19 | {children && ( | 20 | {children && ( |
20 | <div className={classes.content}> | 21 | <div className={classes.content}> |
21 | {children} | 22 | {children} |
22 | </div> | 23 | </div> |
23 | )} | 24 | )} |
25 | </div> | ||
24 | </div> | 26 | </div> |
25 | </div> | 27 | ) |
26 | )); | 28 | )); |