Code style changes: use Airbnb React/JSX Style Guide

Author: olegstepura

src/frontend/component/App.js

@@ -1,7 +1,7 @@
-import React from 'react'
-import PurpleAppBar from './PurpleAppBar.js'      // AppBar with simple overrides
-import SuccessButton from './SuccessButton.js'    // A button with complex overrides
-import { Button } from 'react-toolbox/lib/button' // Bundled component import
+import React from 'react';
+import PurpleAppBar from './PurpleAppBar.js';      // AppBar with simple overrides
+import SuccessButton from './SuccessButton.js';    // A button with complex overrides
+import { Button } from 'react-toolbox/lib/button'; // Bundled component import
 
 const App = () => (
   <div>
@@ -11,6 +11,6 @@ const App = () => (
       <Button label='Primary Button' primary />
     </section>
   </div>
-)
+);
 
-export default App
+export default App;

src/frontend/component/Logo.js

@@ -1,17 +1,17 @@
-import React, { PropTypes } from 'react'
-import { AppBar } from 'react-toolbox/lib/app_bar'
-import Logo from './Logo.js'
-import theme from './PurpleAppBar.css'
+import React, { PropTypes } from 'react';
+import { AppBar } from 'react-toolbox/lib/app_bar';
+import Logo from './Logo.js';
+import theme from './PurpleAppBar.css';
 
 const PurpleAppBar = ({ children, ...other }) => (
   <AppBar {...other} theme={theme}>
     <Logo /> App Example
     {children}
   </AppBar>
-)
+);
 
 PurpleAppBar.propTypes = {
   children: PropTypes.node
-}
+};
 
-export default PurpleAppBar
+export default PurpleAppBar;

src/frontend/component/PurpleAppBar.js

@@ -1,6 +1,6 @@
-import React from 'react'
-import { Button } from 'react-toolbox/lib/button'
-import theme from './SuccessButton.css'
+import React from 'react';
+import { Button } from 'react-toolbox/lib/button';
+import theme from './SuccessButton.css';
 
-const SuccessButton = (props) => <Button {...props} theme={theme} />
-export default SuccessButton
+const SuccessButton = (props) => <Button {...props} theme={theme} />;
+export default SuccessButton;

src/frontend/component/SuccessButton.js

@@ -1,30 +1,30 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import App from './component/App'
-import { AppContainer } from 'react-hot-loader'
-import { overrideComponentTypeChecker } from 'react-toolbox'
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './component/App';
+import { AppContainer } from 'react-hot-loader';
+import { overrideComponentTypeChecker } from 'react-toolbox';
 
-const rootEl = document.getElementById('app')
+const rootEl = document.getElementById('app');
 
 const render = () => {
   ReactDOM.render(
     <AppContainer>
       <App />
     </AppContainer>,
     rootEl
-  )
-}
+  );
+};
 
 if (process.env.NODE_ENV !== 'production') {
   overrideComponentTypeChecker((classType, reactElement) => (
     reactElement && (
-      reactElement.type === classType ||
-      reactElement.type.name === classType.displayName
+      reactElement.type === classType
+      || reactElement.type.name === classType.displayName
     )
-  ))
+  ));
   if (module.hot) {
-    module.hot.accept('./component/App', render)
+    module.hot.accept('./component/App', render);
   }
 }
 
-render()
+render();