diff options
Diffstat (limited to 'src/components/ui/AppLoader/index.js')
-rw-r--r-- | src/components/ui/AppLoader/index.js | 26 |
1 files changed, 15 insertions, 11 deletions
diff --git a/src/components/ui/AppLoader/index.js b/src/components/ui/AppLoader/index.js index b0c7fed7b..a7f6f4545 100644 --- a/src/components/ui/AppLoader/index.js +++ b/src/components/ui/AppLoader/index.js | |||
@@ -9,22 +9,26 @@ import { shuffleArray } from '../../../helpers/array-helpers'; | |||
9 | import styles from './styles'; | 9 | import styles from './styles'; |
10 | 10 | ||
11 | const textList = shuffleArray([ | 11 | const textList = shuffleArray([ |
12 | 'Looking for Sisi', | 12 | 'Adding free features', |
13 | 'Contacting the herald', | 13 | 'Making application usable', |
14 | 'Saddling the unicorn', | 14 | 'Removing unproductive paywalls', |
15 | 'Learning the Waltz', | 15 | 'Creating custom server software', |
16 | 'Visiting Horst & Grete', | 16 | 'Increasing productivity', |
17 | 'Twisting my moustache', | 17 | 'Listening to our userbase', |
18 | 'Playing the trumpet', | 18 | 'Fixing bugs', |
19 | 'Traveling through space & time', | ||
20 | ]); | 19 | ]); |
21 | 20 | ||
22 | export default @injectSheet(styles) @withTheme class AppLoader extends Component { | 21 | export default @injectSheet(styles) @withTheme class AppLoader extends Component { |
23 | static propTypes = { | 22 | static propTypes = { |
24 | classes: PropTypes.object.isRequired, | 23 | classes: PropTypes.object.isRequired, |
25 | theme: PropTypes.object.isRequired, | 24 | theme: PropTypes.object.isRequired, |
25 | texts: PropTypes.array, | ||
26 | }; | 26 | }; |
27 | 27 | ||
28 | static defaultProps = { | ||
29 | texts: textList, | ||
30 | } | ||
31 | |||
28 | state = { | 32 | state = { |
29 | step: 0, | 33 | step: 0, |
30 | }; | 34 | }; |
@@ -44,16 +48,16 @@ export default @injectSheet(styles) @withTheme class AppLoader extends Component | |||
44 | } | 48 | } |
45 | 49 | ||
46 | render() { | 50 | render() { |
47 | const { classes, theme } = this.props; | 51 | const { classes, theme, texts } = this.props; |
48 | const { step } = this.state; | 52 | const { step } = this.state; |
49 | 53 | ||
50 | return ( | 54 | return ( |
51 | <FullscreenLoader | 55 | <FullscreenLoader |
52 | title="Franz" | 56 | title="Ferdi" |
53 | className={classes.component} | 57 | className={classes.component} |
54 | spinnerColor={theme.colorAppLoaderSpinner} | 58 | spinnerColor={theme.colorAppLoaderSpinner} |
55 | > | 59 | > |
56 | {textList.map((text, i) => ( | 60 | {texts.map((text, i) => ( |
57 | <span | 61 | <span |
58 | key={text} | 62 | key={text} |
59 | className={classnames({ | 63 | className={classnames({ |