Support changing your own name and handling name change events

web/components/chat/ChatActionMessage.tsx

@@ -1,11 +1,11 @@
-import { ChatMessage } from '../../interfaces/chat-message.model';
-
+/* eslint-disable react/no-danger */
 interface Props {
-  // eslint-disable-next-line react/no-unused-prop-types
-  message: ChatMessage;
+  body: string;
 }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-export default function ChatSystemMessage(props: Props) {
-  return <div>Component goes here</div>;
+export default function ChatActionMessage(props: Props) {
+  const { body } = props;
+
+  return <div dangerouslySetInnerHTML={{ __html: body }} />;
 }