Flatten data structure, display properties in story
@@ -4,13 +4,27 @@ import * as React from 'react';
const stories = storiesOf('Integration/IntegrationStepsHorizontalView', module);
+const integrationRunning = {
+ steps: [
+ {
+ name: 'Timer',
+ },
+ {
+ name: 'Log',
+ },
+ ],
+};
+
+// const integrationStopped = {};
+
stories
.add(
'running',
- withNotes('Verify the integration is running')(() => <p>Placeholder</p>)
+ withNotes('Verify the integration is running')(() => (
+ <>
+ <p>{integrationRunning.steps[0].name}</p>
+ </>
+ ))
)
- .add(
- 'stopped',
- withNotes('Verify the integration is stopped')(() => <p>Placeholder</p>)
- );
+ .add('stopped', withNotes('Verify the integration is stopped')(() => <></>));
