Upgrade react and storybook

This commit is contained in:
Josh Perez 2022-06-06 20:48:02 -04:00 committed by GitHub
parent 6476a4fe73
commit 42eb4013d0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
244 changed files with 15341 additions and 10249 deletions

View file

@ -3,7 +3,6 @@
import React from 'react';
import { action } from '@storybook/addon-actions';
import { storiesOf } from '@storybook/react';
import { DisappearingTimeDialog } from './DisappearingTimeDialog';
import { setupI18n } from '../util/setupI18n';
@ -11,19 +10,53 @@ import enMessages from '../../_locales/en/messages.json';
import { EXPIRE_TIMERS } from '../test-both/util/expireTimers';
const story = storiesOf('Components/DisappearingTimeDialog', module);
export default {
title: 'Components/DisappearingTimeDialog',
};
const i18n = setupI18n('en', enMessages);
EXPIRE_TIMERS.forEach(({ value, label }) => {
story.add(`Initial value: ${label}`, () => {
return (
<DisappearingTimeDialog
i18n={i18n}
initialValue={value}
onSubmit={action('onSubmit')}
onClose={action('onClose')}
/>
);
});
});
export const Seconds = (): JSX.Element => (
<DisappearingTimeDialog
i18n={i18n}
initialValue={EXPIRE_TIMERS[0].value}
onSubmit={action('onSubmit')}
onClose={action('onClose')}
/>
);
export const Minutes = (): JSX.Element => (
<DisappearingTimeDialog
i18n={i18n}
initialValue={EXPIRE_TIMERS[1].value}
onSubmit={action('onSubmit')}
onClose={action('onClose')}
/>
);
export const Hours = (): JSX.Element => (
<DisappearingTimeDialog
i18n={i18n}
initialValue={EXPIRE_TIMERS[2].value}
onSubmit={action('onSubmit')}
onClose={action('onClose')}
/>
);
export const Days = (): JSX.Element => (
<DisappearingTimeDialog
i18n={i18n}
initialValue={EXPIRE_TIMERS[3].value}
onSubmit={action('onSubmit')}
onClose={action('onClose')}
/>
);
export const Weeks = (): JSX.Element => (
<DisappearingTimeDialog
i18n={i18n}
initialValue={EXPIRE_TIMERS[4].value}
onSubmit={action('onSubmit')}
onClose={action('onClose')}
/>
);