diff options
Diffstat (limited to 'webapp/components/loading_screen.jsx')
-rw-r--r-- | webapp/components/loading_screen.jsx | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/webapp/components/loading_screen.jsx b/webapp/components/loading_screen.jsx new file mode 100644 index 000000000..9f4abf7f6 --- /dev/null +++ b/webapp/components/loading_screen.jsx @@ -0,0 +1,40 @@ +// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import {FormattedMessage} from 'react-intl'; + +import React from 'react'; + +export default class LoadingScreen extends React.Component { + constructor(props) { + super(props); + this.state = {}; + } + render() { + return ( + <div + className='loading-screen' + style={{position: this.props.position}} + > + <div className='loading__content'> + <h3> + <FormattedMessage + id='loading_screen.loading' + defaultMessage='Loading' + /> + </h3> + <div className='round round-1'></div> + <div className='round round-2'></div> + <div className='round round-3'></div> + </div> + </div> + ); + } +} + +LoadingScreen.defaultProps = { + position: 'relative' +}; +LoadingScreen.propTypes = { + position: React.PropTypes.oneOf(['absolute', 'fixed', 'relative', 'static', 'inherit']) +}; |