diff options
author | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
commit | 58cda9cc7fb79ca9df6746de7f9662bc08dc156a (patch) | |
tree | 1211600c2a5d3b5f81c435c6896618111a611720 /src/components/ui/Loader.js | |
download | ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.gz ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.zst ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.zip |
initial commit
Diffstat (limited to 'src/components/ui/Loader.js')
-rw-r--r-- | src/components/ui/Loader.js | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/src/components/ui/Loader.js b/src/components/ui/Loader.js new file mode 100644 index 000000000..e4fbd96a2 --- /dev/null +++ b/src/components/ui/Loader.js | |||
@@ -0,0 +1,41 @@ | |||
1 | import React, { Component } from 'react'; | ||
2 | import PropTypes from 'prop-types'; | ||
3 | import Loader from 'react-loader'; | ||
4 | |||
5 | import { oneOrManyChildElements } from '../../prop-types'; | ||
6 | |||
7 | export default class LoaderComponent extends Component { | ||
8 | static propTypes = { | ||
9 | children: oneOrManyChildElements, | ||
10 | loaded: PropTypes.bool, | ||
11 | className: PropTypes.string, | ||
12 | }; | ||
13 | |||
14 | static defaultProps = { | ||
15 | children: null, | ||
16 | loaded: false, | ||
17 | className: '', | ||
18 | }; | ||
19 | |||
20 | render() { | ||
21 | const { | ||
22 | children, | ||
23 | loaded, | ||
24 | className, | ||
25 | } = this.props; | ||
26 | |||
27 | return ( | ||
28 | <Loader | ||
29 | loaded={loaded} | ||
30 | // lines={10} | ||
31 | width={4} | ||
32 | scale={0.6} | ||
33 | color="#373a3c" | ||
34 | component="span" | ||
35 | className={className} | ||
36 | > | ||
37 | {children} | ||
38 | </Loader> | ||
39 | ); | ||
40 | } | ||
41 | } | ||