Files
owncast/web/components/chat/ChatJoinMessage/ChatJoinMessage.stories.tsx
T
Gabe KangasandGitHub cc9286416c Update storybook to v9 (#4645)
* chore: Update storybook to v9

* Pin next-export-i18n + remove outdated mock library

* Replace old mocking library with MSW

* Resolve knip unused code warnings
2025-10-20 21:26:32 -07:00

44 lines
944 B
TypeScript

import { Meta } from '@storybook/nextjs';
import { ChatJoinMessage } from './ChatJoinMessage';
import Mock from '../../../stories/assets/mocks/chatmessage-action.png';
const meta = {
title: 'owncast/Chat/Messages/Chat Join',
component: ChatJoinMessage,
argTypes: {
userColor: {
options: ['0', '1', '2', '3', '4', '5', '6', '7'],
control: { type: 'select' },
},
},
parameters: {
design: {
type: 'image',
url: Mock,
},
docs: {
description: {
component: `This is the message design an action takes place, such as a join or a name change.`,
},
},
},
} satisfies Meta<typeof ChatJoinMessage>;
export default meta;
export const Regular = {
args: {
displayName: 'RandomChatter',
isAuthorModerator: false,
userColor: 3,
},
};
export const Moderator = {
args: {
displayName: 'RandomChatter',
isAuthorModerator: true,
userColor: 2,
},
};