45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
import { ChatSocialMessage } from './ChatSocialMessage';
|
|
|
|
export default {
|
|
title: 'owncast/Chat/Messages/Social-fediverse event',
|
|
component: ChatSocialMessage,
|
|
parameters: {},
|
|
} as ComponentMeta<typeof ChatSocialMessage>;
|
|
|
|
const Template: ComponentStory<typeof ChatSocialMessage> = args => <ChatSocialMessage {...args} />;
|
|
|
|
export const Follow = Template.bind({});
|
|
Follow.args = {
|
|
message: {
|
|
type: 'follow',
|
|
body: 'james followed this live stream.',
|
|
title: 'james@mastodon.social',
|
|
image: 'https://mastodon.social/avatars/original/missing.png',
|
|
link: 'https://mastodon.social/@james',
|
|
},
|
|
};
|
|
|
|
export const Like = Template.bind({});
|
|
Like.args = {
|
|
message: {
|
|
type: 'like',
|
|
body: 'james liked that this stream went live.',
|
|
title: 'james@mastodon.social',
|
|
image: 'https://mastodon.social/avatars/original/missing.png',
|
|
link: 'https://mastodon.social/@james',
|
|
},
|
|
};
|
|
|
|
export const Repost = Template.bind({});
|
|
Repost.args = {
|
|
message: {
|
|
type: 'repost',
|
|
body: 'james shared this stream with their followers.',
|
|
title: 'james@mastodon.social',
|
|
image: 'https://mastodon.social/avatars/original/missing.png',
|
|
link: 'https://mastodon.social/@james',
|
|
},
|
|
};
|