Chat improvements

Sendouc · Sep 28, 2023 · 3c862d6 · 3c862d6
1 parent ce661ed
commit 3c862d6
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/app/components/Chat.tsx b/app/components/Chat.tsx
@@ -57,6 +57,12 @@ export function Chat({
   const handleSubmit = React.useCallback(
     (e: React.FormEvent<HTMLFormElement>) => {
       e.preventDefault();
+
+      // can't send empty messages
+      if (inputRef.current!.value.trim().length === 0) {
+        return;
+      }
+
       send(inputRef.current!.value);
       inputRef.current!.value = "";
     },
@@ -255,6 +261,17 @@ export function useChat({
     };
   }, [rooms, onNewMessage, rootLoaderData.skalopUrl]);
 
+  React.useEffect(() => {
+    // ping every minute to keep connection alive
+    const interval = setInterval(() => {
+      ws.current?.send("");
+    }, 1000 * 60);
+
+    return () => {
+      clearInterval(interval);
+    };
+  }, [messages]);
+
   const send = React.useCallback(
     (contents: string) => {
       invariant(currentRoom);