Connected disconnected messages

thomaserlang · Oct 31, 2024 · 2e7e2b3 · 2e7e2b3
1 parent c7c7c2c
commit 2e7e2b3
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/tbot/web/ui/live_chat/components/chat.jsx b/tbot/web/ui/live_chat/components/chat.jsx
@@ -12,6 +12,28 @@ import "./chat.scss";
 export function Chat({ channelId }) {
   const { lastJsonMessage } = useWebSocket(`/api/live-chat/${channelId}`, {
     shouldReconnect: () => true,
+    onOpen: () => {
+      setMessageHistory([
+        ...messageHistory,
+        {
+          id: Math.random().toString(),
+          type: "mod_action",
+          message: "Connected to chat",
+          created_at: new Date().toISOString(),
+        },
+      ]);
+    },
+    onClose: () => {
+      setMessageHistory([
+        ...messageHistory,
+        {
+          id: Math.random().toString(),
+          type: "mod_action",
+          message: "Disconnected from chat",
+          created_at: new Date().toISOString(),
+        },
+      ]);
+    },
   });
   const [messageHistory, setMessageHistory] = useState([]);
   const messagesEndRef = useRef(null);