mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-11-21 20:28:15 +03:00
Code Issues Projects Releases Packages Wiki Activity

Add style and story for generic chat action message

Browse source
This commit is contained in:
Gabe Kangas 2022-07-14 20:09:40 -07:00
parent 101359cfc3
commit b490903a35
No known key found for this signature in database
GPG key ID: 9A56337728BC81EA
2 changed files with 4 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
web/components/chat/ChatActionMessage.tsx
View file

@ -1,11 +0,0 @@
/* eslint-disable react/no-danger */
interface Props {
body: string;
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export default function ChatActionMessage(props: Props) {
const { body } = props;
return <div dangerouslySetInnerHTML={{ __html: body }} />;
}

7
web/stories/ChatActionMessage.stories.tsx
View file

@ -1,6 +1,6 @@
import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import ChatActionMessage from '../components/chat/ChatActionMessage';
import ChatActionMessage from '../components/chat/ChatAction/ChatActionMessage';
import Mock from './assets/mocks/chatmessage-action.png';
export default {
@ -19,8 +19,9 @@ export default {
},
} as ComponentMeta<typeof ChatActionMessage>;
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const Template: ComponentStory<typeof ChatActionMessage> = args => <ChatActionMessage {...args} />;
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const Basic = Template.bind({});
Basic.args = {
body: 'This is a basic action message.',
};