diff options
Diffstat (limited to 'src/components/ui/FullscreenLoader/index.js')
-rw-r--r-- | src/components/ui/FullscreenLoader/index.js | 23 |
1 files changed, 9 insertions, 14 deletions
diff --git a/src/components/ui/FullscreenLoader/index.js b/src/components/ui/FullscreenLoader/index.js index 2952cd96b..ab5e2f365 100644 --- a/src/components/ui/FullscreenLoader/index.js +++ b/src/components/ui/FullscreenLoader/index.js | |||
@@ -8,7 +8,10 @@ import Loader from '../Loader'; | |||
8 | 8 | ||
9 | import styles from './styles'; | 9 | import styles from './styles'; |
10 | 10 | ||
11 | export default @withTheme @injectSheet(styles) @observer class FullscreenLoader extends Component { | 11 | @withTheme |
12 | @injectSheet(styles) | ||
13 | @observer | ||
14 | class FullscreenLoader extends Component { | ||
12 | static propTypes = { | 15 | static propTypes = { |
13 | className: PropTypes.string, | 16 | className: PropTypes.string, |
14 | title: PropTypes.string.isRequired, | 17 | title: PropTypes.string.isRequired, |
@@ -25,14 +28,8 @@ export default @withTheme @injectSheet(styles) @observer class FullscreenLoader | |||
25 | }; | 28 | }; |
26 | 29 | ||
27 | render() { | 30 | render() { |
28 | const { | 31 | const { classes, title, children, spinnerColor, className, theme } = |
29 | classes, | 32 | this.props; |
30 | title, | ||
31 | children, | ||
32 | spinnerColor, | ||
33 | className, | ||
34 | theme, | ||
35 | } = this.props; | ||
36 | 33 | ||
37 | return ( | 34 | return ( |
38 | <div className={classes.wrapper}> | 35 | <div className={classes.wrapper}> |
@@ -44,13 +41,11 @@ export default @withTheme @injectSheet(styles) @observer class FullscreenLoader | |||
44 | > | 41 | > |
45 | <h1 className={classes.title}>{title}</h1> | 42 | <h1 className={classes.title}>{title}</h1> |
46 | <Loader color={spinnerColor || theme.colorFullscreenLoaderSpinner} /> | 43 | <Loader color={spinnerColor || theme.colorFullscreenLoaderSpinner} /> |
47 | {children && ( | 44 | {children && <div className={classes.content}>{children}</div>} |
48 | <div className={classes.content}> | ||
49 | {children} | ||
50 | </div> | ||
51 | )} | ||
52 | </div> | 45 | </div> |
53 | </div> | 46 | </div> |
54 | ); | 47 | ); |
55 | } | 48 | } |
56 | } | 49 | } |
50 | |||
51 | export default FullscreenLoader; | ||