Add Metrics and Activity tab page story, basic setup
@@ -35,7 +35,8 @@ const steps = [
},
];
-storiesOf('Integration/Detail', module).add('Details Tab Page', () => (
+storiesOf('Integration/Detail', module)
+ .add('Details Tab Page', () => (
<Router>
<>
<Container
@@ -60,4 +61,42 @@ storiesOf('Integration/Detail', module).add('Details Tab Page', () => (
/>
</>
</Router>
+ ))
+ .add('Activity Tab Page', () => (
+ <Router>
+ <>
+ <Container
+ style={{
+ background: '#fff',
+ }}
+ >
+ <IntegrationDetailInfo name={'Integration name'} version={1} />
+ <TabBar>
+ <TabBarItem label={'Details'} to={'#details'} />
+ <TabBarItem label={'Activity'} to={'#activity'} />
+ <TabBarItem label={'Metrics'} to={'#metrics'} />
+ </TabBar>
+ </Container>
+ <p>Activity table goes here.</p>
+ </>
+ </Router>
+ ))
+ .add('Metrics Tab Page', () => (
+ <Router>
+ <>
+ <Container
+ style={{
+ background: '#fff',
+ }}
+ >
+ <IntegrationDetailInfo name={'Integration name'} version={1} />
+ <TabBar>
+ <TabBarItem label={'Details'} to={'#details'} />
+ <TabBarItem label={'Activity'} to={'#activity'} />
+ <TabBarItem label={'Metrics'} to={'#metrics'} />
+ </TabBar>
+ </Container>
+ <p>Metrics cards go here.</p>
+ </>
+ </Router>
));
