mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Upgrade Storybook

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

47
ts/components/conversation/UnsupportedMessage.stories.tsx
View file

@ -2,8 +2,7 @@
// SPDX-License-Identifier: AGPL-3.0-only
import * as React from 'react';
import { boolean, text } from '@storybook/addon-knobs';
import type { Meta } from '@storybook/react';
import { setupI18n } from '../../util/setupI18n';
import enMessages from '../../../_locales/en/messages.json';
import type { ContactType, Props } from './UnsupportedMessage';
@ -13,62 +12,56 @@ const i18n = setupI18n('en', enMessages);
export default {
title: 'Components/Conversation/UnsupportedMessage',
};
argTypes: {
canProcessNow: { control: { type: 'boolean' } },
},
args: {
i18n,
canProcessNow: false,
contact: {} as ContactType,
},
} satisfies Meta<Props>;
const createContact = (props: Partial<ContactType> = {}): ContactType => ({
id: '',
title: text('contact title', props.title || ''),
isMe: boolean('contact isMe', props.isMe || false),
title: props.title ?? '',
isMe: props.isMe ?? false,
});
const createProps = (overrideProps: Partial<Props> = {}): Props => ({
i18n,
canProcessNow: boolean('canProcessNow', overrideProps.canProcessNow || false),
contact: overrideProps.contact || ({} as ContactType),
});
export function FromSomeone(): JSX.Element {
export function FromSomeone(args: Props): JSX.Element {
const contact = createContact({
title: 'Alice',
name: 'Alice',
});
const props = createProps({ contact });
return <UnsupportedMessage {...props} />;
return <UnsupportedMessage {...args} contact={contact} />;
}
export function AfterUpgrade(): JSX.Element {
export function AfterUpgrade(args: Props): JSX.Element {
const contact = createContact({
title: 'Alice',
name: 'Alice',
});
const props = createProps({ contact, canProcessNow: true });
return <UnsupportedMessage {...props} />;
return <UnsupportedMessage {...args} contact={contact} canProcessNow />;
}
export function FromYourself(): JSX.Element {
export function FromYourself(args: Props): JSX.Element {
const contact = createContact({
title: 'Alice',
name: 'Alice',
isMe: true,
});
const props = createProps({ contact });
return <UnsupportedMessage {...props} />;
return <UnsupportedMessage {...args} contact={contact} />;
}
export function FromYourselfAfterUpgrade(): JSX.Element {
export function FromYourselfAfterUpgrade(args: Props): JSX.Element {
const contact = createContact({
title: 'Alice',
name: 'Alice',
isMe: true,
});
const props = createProps({ contact, canProcessNow: true });
return <UnsupportedMessage {...props} />;
return <UnsupportedMessage {...args} contact={contact} canProcessNow />;
}