diff options
Diffstat (limited to 'src/components/ui/FullscreenLoader/index.js')
-rw-r--r-- | src/components/ui/FullscreenLoader/index.js | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/src/components/ui/FullscreenLoader/index.js b/src/components/ui/FullscreenLoader/index.js index 06dab1eb6..d8cdc2e8a 100644 --- a/src/components/ui/FullscreenLoader/index.js +++ b/src/components/ui/FullscreenLoader/index.js | |||
@@ -1,6 +1,6 @@ | |||
1 | import React, { Component } from 'react'; | 1 | import React, { Component } from 'react'; |
2 | import PropTypes from 'prop-types'; | 2 | import PropTypes from 'prop-types'; |
3 | import { observer } from 'mobx-react'; | 3 | import { observer, inject } from 'mobx-react'; |
4 | import injectSheet, { withTheme } from 'react-jss'; | 4 | import injectSheet, { withTheme } from 'react-jss'; |
5 | import classnames from 'classnames'; | 5 | import classnames from 'classnames'; |
6 | 6 | ||
@@ -8,7 +8,7 @@ import Loader from '../Loader'; | |||
8 | 8 | ||
9 | import styles from './styles'; | 9 | import styles from './styles'; |
10 | 10 | ||
11 | export default @observer @withTheme @injectSheet(styles) class FullscreenLoader extends Component { | 11 | export default @inject('stores') @withTheme @injectSheet(styles) @observer class FullscreenLoader extends Component { |
12 | static propTypes = { | 12 | static propTypes = { |
13 | className: PropTypes.string, | 13 | className: PropTypes.string, |
14 | title: PropTypes.string.isRequired, | 14 | title: PropTypes.string.isRequired, |
@@ -16,6 +16,13 @@ export default @observer @withTheme @injectSheet(styles) class FullscreenLoader | |||
16 | theme: PropTypes.object.isRequired, | 16 | theme: PropTypes.object.isRequired, |
17 | spinnerColor: PropTypes.string, | 17 | spinnerColor: PropTypes.string, |
18 | children: PropTypes.node, | 18 | children: PropTypes.node, |
19 | stores: PropTypes.shape({ | ||
20 | settings: PropTypes.shape({ | ||
21 | app: PropTypes.shape({ | ||
22 | accentColor: PropTypes.string.isRequired, | ||
23 | }).isRequired, | ||
24 | }).isRequired, | ||
25 | }).isRequired, | ||
19 | }; | 26 | }; |
20 | 27 | ||
21 | static defaultProps = { | 28 | static defaultProps = { |
@@ -32,10 +39,16 @@ export default @observer @withTheme @injectSheet(styles) class FullscreenLoader | |||
32 | spinnerColor, | 39 | spinnerColor, |
33 | className, | 40 | className, |
34 | theme, | 41 | theme, |
42 | stores, | ||
35 | } = this.props; | 43 | } = this.props; |
36 | 44 | ||
37 | return ( | 45 | return ( |
38 | <div className={classes.wrapper}> | 46 | <div |
47 | className={classes.wrapper} | ||
48 | style={{ | ||
49 | background: stores.app.accentColor, | ||
50 | }} | ||
51 | > | ||
39 | <div | 52 | <div |
40 | className={classnames({ | 53 | className={classnames({ |
41 | [`${classes.component}`]: true, | 54 | [`${classes.component}`]: true, |