Sha256: 5a42c7cf22b93afc4b33072a9ab28ab3eca4ff1cfb89c4532b4e8282de3e6b8f
Contents?: true
Size: 1.25 KB
Versions: 51
Compression:
Stored size: 1.25 KB
Contents
import React from 'react';
import { number, text, select, action } from '@theforeman/stories';
import { withCardsDecorator } from '../../../../../../../stories/decorators';
import {
TASKS_DASHBOARD_AVAILABLE_QUERY_MODES,
TASKS_DASHBOARD_AVAILABLE_TIMES,
} from '../../../../TasksDashboardConstants';
import TasksDonutCard from './TasksDonutCard';
export default {
title: 'TasksDashboard/TasksCardsGrid/Cards/TasksDonutCard',
component: TasksDonutCard,
decorators: [withCardsDecorator],
parameters: {
centered: { disable: true },
},
};
export const Basic = () => {
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
51 entries across 51 versions & 1 rubygems