style ./demo

demo/demoApp.jsx

@@ -15,7 +15,7 @@ import DemoUserProfileNavigator from '../src/components/UserProfileNavigator/dem
 import DemoModalSpinner from '../src/components/ModalSpinner/demo';
 import DemoContainmentCanvas from '../src/components/ContainmentCanvas/demo';
 import DemoSingleConnectedNode from '../src/components/SingleConnectedNode/demo';
-import DemoInfoCard from '../src/components/InfoCard//demo';
+import DemoInfoCard from '../src/components/InfoCard/demo';
 
 
 class demoApp extends Component {
@@ -50,7 +50,7 @@ class demoApp extends Component {
             {
                 component: <DemoContainmentCanvas/>,
                 title: 'ContainmentCanvas',
-                height: 400
+                height: 400,
             },
             {
                 component: <DemoSingleConnectedNode/>,
@@ -59,27 +59,28 @@ class demoApp extends Component {
             {
                 component: <DemoInfoCard/>,
                 title: 'InfoCard',
-                height: 200
+                height: 200,
             },
         ];
 
         return (
             <div>
-                {DEMOS.map((info) => {
-                    return (
-                        <ExpansionPanel defaultExpanded key={info.title}>
-                            <ExpansionPanelSummary>
-                                <Typography variant="headline" color="textSecondary">{info.title}</Typography>
-                            </ExpansionPanelSummary>
-                            <div style={{padding: 20, height: info.height}}>
-                                {info.component}
-                            </div>
-                        </ExpansionPanel>
-                    )
-                })}
+                {DEMOS.map(info => (
+                    <ExpansionPanel defaultExpanded key={info.title}>
+                        <ExpansionPanelSummary>
+                            <Typography variant="headline" color="textSecondary">{info.title}</Typography>
+                        </ExpansionPanelSummary>
+                        <div style={{
+                            padding: 20,
+                            height: info.height,
+                        }}
+                        >
+                            {info.component}
+                        </div>
+                    </ExpansionPanel>))}
             </div>);
-    };
-};
+    }
+}
 
 
-export default DragDropContext(HTML5Backend)(demoApp);
\ No newline at end of file
+export default DragDropContext(HTML5Backend)(demoApp);

demo/index.jsx

+/* globals document */
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './demoApp.jsx';
+import App from './demoApp';
 
-ReactDOM.render(<App/>, document.getElementById('root'));
\ No newline at end of file
+ReactDOM.render(<App/>, document.getElementById('root'));

webpack.config.js

@@ -28,6 +28,6 @@ module.exports = {
     devServer: {
         contentBase: [path.join(__dirname, 'demo', 'public'), path.join(__dirname, 'demo', 'static')],
         compress: true,
-        port: 9000
-    }
+        port: 9000,
+    },
 };