Upgrade Storybook

Co-authored-by: Scott Nonnenberg <scott@signal.org>
This commit is contained in:
Jamie Kyle 2023-10-11 12:06:43 -07:00 committed by GitHub
parent 8c966dfbd8
commit 502ea174ab
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
328 changed files with 10863 additions and 12432 deletions

View file

@ -2,8 +2,9 @@
// SPDX-License-Identifier: AGPL-3.0-only
import React, { useCallback, useState } from 'react';
import type { Meta, Story } from '@storybook/react';
import type { Meta, StoryFn } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import enMessages from '../../_locales/en/messages.json';
import { UsernameLinkState } from '../state/ducks/usernameEnums';
import { setupI18n } from '../util/setupI18n';
@ -21,26 +22,18 @@ export default {
component: UsernameLinkModalBody,
title: 'Components/UsernameLinkModalBody',
argTypes: {
i18n: {
defaultValue: i18n,
},
link: {
control: { type: 'text' },
defaultValue:
'https://signal.me/#eu/n-AJkmmykrFB7j6UODGndSycxcMdp_v6ppRp9rFu5Ad39q_9Ngi_k9-TARWfT43t',
},
username: {
control: { type: 'text' },
defaultValue: 'alice.12',
},
usernameLinkState: {
control: { type: 'select' },
defaultValue: UsernameLinkState.Ready,
options: [UsernameLinkState.Ready, UsernameLinkState.Updating],
},
colorId: {
control: { type: 'select' },
defaultValue: ColorEnum.BLUE,
mapping: {
blue: ColorEnum.BLUE,
white: ColorEnum.WHITE,
@ -52,17 +45,22 @@ export default {
purple: ColorEnum.PURPLE,
},
},
showToast: { action: true },
resetUsernameLink: { action: true },
setUsernameLinkColor: { action: true },
onBack: { action: true },
},
} as Meta;
type ArgsType = PropsType;
args: {
i18n,
link: 'https://signal.me/#eu/n-AJkmmykrFB7j6UODGndSycxcMdp_v6ppRp9rFu5Ad39q_9Ngi_k9-TARWfT43t',
username: 'alice.12',
usernameLinkState: UsernameLinkState.Ready,
colorId: ColorEnum.BLUE,
showToast: action('showToast'),
resetUsernameLink: action('resetUsernameLink'),
setUsernameLinkColor: action('setUsernameLinkColor'),
onBack: action('onBack'),
},
} satisfies Meta<PropsType>;
// eslint-disable-next-line react/function-component-definition
const Template: Story<ArgsType> = args => {
const Template: StoryFn<PropsType> = args => {
const [attachment, setAttachment] = useState<string | undefined>();
const saveAttachment = useCallback(({ data }: { data?: Uint8Array }) => {
if (!data) {
@ -93,13 +91,6 @@ const Template: Story<ArgsType> = args => {
};
export const Normal = Template.bind({});
Normal.args = {};
Normal.story = {
name: 'normal',
};
export const NoLink = Template.bind({});
NoLink.args = { link: '' };
NoLink.story = {
name: 'normal',
};