Sha256: 4cf550f97c637916fbabf9248512fe858a414f2613d17b4a90ea1d042b4e3dc0
Contents?: true
Size: 1.36 KB
Versions: 51
Compression:
Stored size: 1.36 KB
Contents
import React from 'react';
import { action, number, select } from '@theforeman/stories';
import { withCardsDecorator } from '../../../../../../../stories/decorators';
import {
TASKS_DASHBOARD_AVAILABLE_QUERY_MODES,
TASKS_DASHBOARD_AVAILABLE_TIMES,
TASKS_DASHBOARD_AVAILABLE_QUERY_STATES,
} from '../../../../TasksDashboardConstants';
import PausedTasksCard from './PausedTasksCard';
export default {
title: 'TasksDashboard/TasksCardsGrid/Cards/PausedTasksCard',
component: PausedTasksCard,
decorators: [withCardsDecorator],
parameters: {
centered: { disable: true },
},
};
export const Basic = () => {
const selectTime = select(
'time',
TASKS_DASHBOARD_AVAILABLE_TIMES,
PausedTasksCard.defaultProps.time
);
const selectMode = select(
'mode',
{ ...TASKS_DASHBOARD_AVAILABLE_QUERY_MODES, NONE: 'none', TOTAL: null },
'none'
);
return (
<PausedTasksCard
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.PAUSED
),
mode: selectMode,
time: selectTime,
}}
updateQuery={action('updateQuery')}
/>
);
};
Version data entries
51 entries across 51 versions & 1 rubygems