summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorJoramWilander <jwawilander@gmail.com>2015-08-31 12:44:30 -0400
committerJoramWilander <jwawilander@gmail.com>2015-09-01 08:53:10 -0400
commit3a66be9078b5a06ea940c44003bc561127db1e05 (patch)
tree307ca906a7b01b815a90af49b08415319aa38e1d
parent2cc4effd4d1156528efe545284b42b0d52378e95 (diff)
downloadchat-3a66be9078b5a06ea940c44003bc561127db1e05.tar.gz
chat-3a66be9078b5a06ea940c44003bc561127db1e05.tar.bz2
chat-3a66be9078b5a06ea940c44003bc561127db1e05.zip
Reformatted loading_screen.jsx to meet style guide requirements.
-rw-r--r--web/react/components/loading_screen.jsx37
1 files changed, 22 insertions, 15 deletions
diff --git a/web/react/components/loading_screen.jsx b/web/react/components/loading_screen.jsx
index 5905e519b..b0f42ce86 100644
--- a/web/react/components/loading_screen.jsx
+++ b/web/react/components/loading_screen.jsx
@@ -1,24 +1,31 @@
// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
// See License.txt for license information.
-module.exports = React.createClass({
- displayName: "LoadingScreen",
- propTypes: {
- position: React.PropTypes.oneOf(['absolute', 'fixed', 'relative', 'static', 'inherit'])
- },
- getDefaultProps: function() {
- return { position: 'relative' };
- },
- render: function() {
+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">
+ <div
+ className='loading-screen'
+ style={{position: this.props.position}}
+ >
+ <div className='loading__content'>
<h3>Loading</h3>
- <div className="round round-1"></div>
- <div className="round round-2"></div>
- <div className="round round-3"></div>
+ <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'])
+};