Reformatted loading_screen.jsx to meet style guide requirements.

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({
+export default class LoadingScreen extends React.Component {
-    displayName: "LoadingScreen",
+    constructor(props) {
-    propTypes: {
+        super(props);
-        position: React.PropTypes.oneOf(['absolute', 'fixed', 'relative', 'static', 'inherit'])
+        this.state = {};
-    },
+    }
-    getDefaultProps: function() {
+    render() {
-        return { position: 'relative' };
-    },
-    render: function() {
         return (
-            <div className="loading-screen" style={{position: this.props.position}}>
+            <div
-                <div className="loading__content">
+                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-1'></div>
-                    <div className="round round-2"></div>
+                    <div className='round round-2'></div>
-                    <div className="round round-3"></div>
+                    <div className='round round-3'></div>
                 </div>
             </div>
         );
     }
-});
+}
+
+LoadingScreen.defaultProps = {
+    position: 'relative'
+};
+LoadingScreen.propTypes = {
+    position: React.PropTypes.oneOf(['absolute', 'fixed', 'relative', 'static', 'inherit'])
+};