diff options
author | 2018-12-12 11:08:41 +0100 | |
---|---|---|
committer | 2018-12-12 11:08:41 +0100 | |
commit | 4c2015db267ede5ecdf7fc838e326b7fa49d8195 (patch) | |
tree | 764ab8dd141c9973fdd7ef455cf94f7335cf440e /src/components/ui/AppLoader | |
parent | Update changelog (diff) | |
download | ferdium-app-4c2015db267ede5ecdf7fc838e326b7fa49d8195.tar.gz ferdium-app-4c2015db267ede5ecdf7fc838e326b7fa49d8195.tar.zst ferdium-app-4c2015db267ede5ecdf7fc838e326b7fa49d8195.zip |
Improve loader themeing
Diffstat (limited to 'src/components/ui/AppLoader')
-rw-r--r-- | src/components/ui/AppLoader/index.js | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/components/ui/AppLoader/index.js b/src/components/ui/AppLoader/index.js index 1b9d044f4..61053f6d1 100644 --- a/src/components/ui/AppLoader/index.js +++ b/src/components/ui/AppLoader/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 injectSheet from 'react-jss'; | 3 | import injectSheet, { withTheme } from 'react-jss'; |
4 | import classnames from 'classnames'; | 4 | import classnames from 'classnames'; |
5 | 5 | ||
6 | import FullscreenLoader from '../FullscreenLoader'; | 6 | import FullscreenLoader from '../FullscreenLoader'; |
@@ -19,9 +19,10 @@ const textList = shuffleArray([ | |||
19 | 'Traveling through space & time', | 19 | 'Traveling through space & time', |
20 | ]); | 20 | ]); |
21 | 21 | ||
22 | export default @injectSheet(styles) class AppLoader extends Component { | 22 | export default @injectSheet(styles) @withTheme class AppLoader extends Component { |
23 | static propTypes = { | 23 | static propTypes = { |
24 | classes: PropTypes.object.isRequired, | 24 | classes: PropTypes.object.isRequired, |
25 | theme: PropTypes.object.isRequired, | ||
25 | } | 26 | } |
26 | 27 | ||
27 | state = { | 28 | state = { |
@@ -43,13 +44,14 @@ export default @injectSheet(styles) class AppLoader extends Component { | |||
43 | } | 44 | } |
44 | 45 | ||
45 | render() { | 46 | render() { |
46 | const { classes } = this.props; | 47 | const { classes, theme } = this.props; |
47 | const { step } = this.state; | 48 | const { step } = this.state; |
48 | 49 | ||
49 | return ( | 50 | return ( |
50 | <FullscreenLoader | 51 | <FullscreenLoader |
51 | title="Franz" | 52 | title="Franz" |
52 | className={classes.component} | 53 | className={classes.component} |
54 | spinnerColor={theme.colorAppLoaderSpinner} | ||
53 | > | 55 | > |
54 | {textList.map((text, i) => ( | 56 | {textList.map((text, i) => ( |
55 | <span | 57 | <span |