Commit ebbc572a authored by Patrik Meijer's avatar Patrik Meijer
Browse files

style ./demo

parent 1c0368d0
......@@ -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);
/* 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'));
......@@ -28,6 +28,6 @@ module.exports = {
devServer: {
contentBase: [path.join(__dirname, 'demo', 'public'), path.join(__dirname, 'demo', 'static')],
compress: true,
port: 9000
}
port: 9000,
},
};
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment