From b490903a35619e29186e610cac6545cc347317d7 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Thu, 14 Jul 2022 20:09:40 -0700
Subject: [PATCH] Add style and story for generic chat action message

---
 web/components/chat/ChatActionMessage.tsx | 11 -----------
 web/stories/ChatActionMessage.stories.tsx |  7 ++++---
 2 files changed, 4 insertions(+), 14 deletions(-)
 delete mode 100644 web/components/chat/ChatActionMessage.tsx

diff --git a/web/components/chat/ChatActionMessage.tsx b/web/components/chat/ChatActionMessage.tsx
deleted file mode 100644
index c1c0b9197..000000000
--- a/web/components/chat/ChatActionMessage.tsx
+++ /dev/null
@@ -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 }} />;
-}
diff --git a/web/stories/ChatActionMessage.stories.tsx b/web/stories/ChatActionMessage.stories.tsx
index cdca8e1e3..7e3f04191 100644
--- a/web/stories/ChatActionMessage.stories.tsx
+++ b/web/stories/ChatActionMessage.stories.tsx
@@ -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.',
+};