diff options
author | Stefan Malzner <stefan@adlk.io> | 2017-11-11 20:57:16 +0100 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2017-11-11 20:57:16 +0100 |
commit | 632756f438ef4a0411521ba49131b75b19b28ab0 (patch) | |
tree | fc1ed5c8bd2022c8559f5548f652533ed3e9f0f8 | |
parent | Merge pull request #252 from meetfranz/feature/mute-service (diff) | |
download | ferdium-app-632756f438ef4a0411521ba49131b75b19b28ab0.tar.gz ferdium-app-632756f438ef4a0411521ba49131b75b19b28ab0.tar.zst ferdium-app-632756f438ef4a0411521ba49131b75b19b28ab0.zip |
Add color as an optional property
-rw-r--r-- | src/components/ui/Loader.js | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/components/ui/Loader.js b/src/components/ui/Loader.js index e4fbd96a2..f73296bb6 100644 --- a/src/components/ui/Loader.js +++ b/src/components/ui/Loader.js | |||
@@ -9,12 +9,14 @@ export default class LoaderComponent extends Component { | |||
9 | children: oneOrManyChildElements, | 9 | children: oneOrManyChildElements, |
10 | loaded: PropTypes.bool, | 10 | loaded: PropTypes.bool, |
11 | className: PropTypes.string, | 11 | className: PropTypes.string, |
12 | color: PropTypes.string, | ||
12 | }; | 13 | }; |
13 | 14 | ||
14 | static defaultProps = { | 15 | static defaultProps = { |
15 | children: null, | 16 | children: null, |
16 | loaded: false, | 17 | loaded: false, |
17 | className: '', | 18 | className: '', |
19 | color: '#373a3c', | ||
18 | }; | 20 | }; |
19 | 21 | ||
20 | render() { | 22 | render() { |
@@ -22,6 +24,7 @@ export default class LoaderComponent extends Component { | |||
22 | children, | 24 | children, |
23 | loaded, | 25 | loaded, |
24 | className, | 26 | className, |
27 | color, | ||
25 | } = this.props; | 28 | } = this.props; |
26 | 29 | ||
27 | return ( | 30 | return ( |
@@ -30,7 +33,7 @@ export default class LoaderComponent extends Component { | |||
30 | // lines={10} | 33 | // lines={10} |
31 | width={4} | 34 | width={4} |
32 | scale={0.6} | 35 | scale={0.6} |
33 | color="#373a3c" | 36 | color={color} |
34 | component="span" | 37 | component="span" |
35 | className={className} | 38 | className={className} |
36 | > | 39 | > |