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

@ -2,7 +2,6 @@
// SPDX-License-Identifier: AGPL-3.0-only
import React from 'react';
import { storiesOf } from '@storybook/react';
import { UniversalTimerNotification } from './UniversalTimerNotification';
import { setupI18n } from '../../util/setupI18n';
@ -10,12 +9,43 @@ import enMessages from '../../../_locales/en/messages.json';
import { EXPIRE_TIMERS } from '../../test-both/util/expireTimers';
const story = storiesOf('Components/UniversalTimerNotification', module);
export default {
title: 'Components/UniversalTimerNotification',
};
const i18n = setupI18n('en', enMessages);
EXPIRE_TIMERS.forEach(({ value: ms, label }) => {
story.add(`Initial value: ${label}`, () => {
return <UniversalTimerNotification i18n={i18n} expireTimer={ms / 1000} />;
});
});
export const Seconds = (): JSX.Element => (
<UniversalTimerNotification
i18n={i18n}
expireTimer={EXPIRE_TIMERS[0].value / 1000}
/>
);
export const Minutes = (): JSX.Element => (
<UniversalTimerNotification
i18n={i18n}
expireTimer={EXPIRE_TIMERS[1].value / 1000}
/>
);
export const Hours = (): JSX.Element => (
<UniversalTimerNotification
i18n={i18n}
expireTimer={EXPIRE_TIMERS[2].value / 1000}
/>
);
export const Days = (): JSX.Element => (
<UniversalTimerNotification
i18n={i18n}
expireTimer={EXPIRE_TIMERS[3].value / 1000}
/>
);
export const Weeks = (): JSX.Element => (
<UniversalTimerNotification
i18n={i18n}
expireTimer={EXPIRE_TIMERS[4].value / 1000}
/>
);