Sha256: 3f3cc207b78ec6eb0717b330d78a14d6686f5ad676e6f25e4890bcc9b4f8a3e3
Contents?: true
Size: 1.45 KB
Versions: 22
Compression:
Stored size: 1.45 KB
Contents
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withKnobs, number, select } from '@storybook/addon-knobs';
import { action } from '@storybook/addon-actions';
import { withCardsDecorator } from '../../../../../../../stories/decorators';
import {
TASKS_DASHBOARD_AVAILABLE_QUERY_MODES,
TASKS_DASHBOARD_AVAILABLE_TIMES,
TASKS_DASHBOARD_AVAILABLE_QUERY_STATES,
} from '../../../../TasksDashboardConstants';
import RunningTasksCard from './RunningTasksCard';
storiesOf('TasksDashboard/TasksCardsGrid', module)
.addDecorator(withKnobs)
.addDecorator(withCardsDecorator)
.add('RunningTasksCard', () => {
const selectTime = select(
'time',
TASKS_DASHBOARD_AVAILABLE_TIMES,
RunningTasksCard.defaultProps.time
);
const selectMode = select(
'mode',
{ ...TASKS_DASHBOARD_AVAILABLE_QUERY_MODES, NONE: 'none', TOTAL: null },
'none'
);
return (
<RunningTasksCard
data={{
last: number('data.last', 3),
older: number('data.older', 5),
}}
time={selectTime}
query={{
state: select(
'query.state',
{
...TASKS_DASHBOARD_AVAILABLE_QUERY_STATES,
NONE: null,
},
TASKS_DASHBOARD_AVAILABLE_QUERY_STATES.RUNNING
),
mode: selectMode,
time: selectTime,
}}
updateQuery={action('updateQuery')}
/>
);
});
Version data entries
22 entries across 22 versions & 1 rubygems