Add placeholder components to be worked on

web/components/chat/ChatActionMessage.jsx

@@ -0,0 +1,9 @@
+import { ChatMessage } from '../../interfaces/chat-message.model';
+
+interface Props {
+  message: ChatMessage;
+}
+
+export default function ChatSystemMessage(props: Props) {
+  return <div>Component goes here</div>;
+}

web/components/chat/ChatContainer.tsx

@@ -0,0 +1,9 @@
+import { ChatMessage } from '../../interfaces/chat-message.model';
+
+interface Props {
+  messages: ChatMessage[];
+}
+
+export default function ChatContainer(props: Props) {
+  return <div>Component goes here</div>;
+}

web/components/chat/ChatModeratorNotification.tsx

@@ -0,0 +1,5 @@
+interface Props {}
+
+export default function ChatModerationNotification(props: Props) {
+  return <div>You are now a moderator notification component goes here</div>;
+}

web/components/chat/ChatSocialMessage.jsx

@@ -0,0 +1,9 @@
+import { ChatMessage } from '../../interfaces/chat-message.model';
+
+interface Props {
+  message: ChatMessage;
+}
+
+export default function ChatSocialMessage(props: Props) {
+  return <div>Component goes here</div>;
+}

web/components/chat/ChatSystemMessage.tsx

@@ -0,0 +1,9 @@
+import { ChatMessage } from '../../interfaces/chat-message.model';
+
+interface Props {
+  message: ChatMessage;
+}
+
+export default function ChatSystemMessage(props: Props) {
+  return <div>Component goes here</div>;
+}

web/components/chat/ChatTextField.tsx

@@ -0,0 +1,5 @@
+interface Props {}
+
+export default function ChatTextField(props: Props) {
+  return <div>Component goes here</div>;
+}

web/components/chat/ChatUserMessage.tsx

@@ -0,0 +1,9 @@
+import { ChatMessage } from '../../interfaces/chat-message.model';
+
+interface Props {
+  message: ChatMessage;
+}
+
+export default function ChatUserMessage(props: Props) {
+  return <div>Component goes here</div>;
+}