Sha256: 5cfc06a0bfe160ba93d1ceff27d28458506ae9e3bf303a9b5ba71c2566bf0df3
Contents?: true
Size: 1.32 KB
Versions: 22
Compression:
Stored size: 1.32 KB
Contents
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withKnobs, number, text, 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,
} from '../../../../TasksDashboardConstants';
import TasksDonutCard from './TasksDonutCard';
storiesOf('TasksDashboard/TasksCardsGrid', module)
.addDecorator(withKnobs)
.addDecorator(withCardsDecorator)
.add('TasksDonutCard', () => {
const selectTime = select(
'time',
TASKS_DASHBOARD_AVAILABLE_TIMES,
TasksDonutCard.defaultProps.time
);
const selectMode = select(
'mode',
{ ...TASKS_DASHBOARD_AVAILABLE_QUERY_MODES, NONE: 'none' },
'none'
);
return (
<TasksDonutCard
title={text('title', 'Some Title')}
data={{
last: number('data.last', 3),
older: number('data.older', 5),
}}
time={selectTime}
query={{
state: text('query.state', 'some-state'),
mode: selectMode,
time: selectTime,
}}
wantedQueryState={text('wantedQueryState', 'wanted-state')}
updateQuery={action('updateQuery')}
/>
);
});
Version data entries
22 entries across 22 versions & 1 rubygems