Upload 194 files

src/components/chat/ChatRoom.tsx

@@ -35,25 +35,21 @@ export function ChatRoom({ roomId, codeId, userId }: ChatRoomProps) {
     loadMessages()
   }, [roomId])
 
-  // Poll for new messages
+  // Refresh messages when tab becomes visible (no polling)
   useEffect(() => {
-    let active = true
-    const interval = setInterval(async () => {
+    const onVisible = async () => {
       try {
-        if (typeof window !== 'undefined' && navigator.onLine) {
+        if (typeof window !== 'undefined' && document.visibilityState === 'visible' && navigator.onLine) {
           await syncPendingMessages()
+          const latest = await getMessages(roomId)
+          setMessages(latest)
         }
-        const latest = await getMessages(roomId)
-        if (active) setMessages(latest)
       } catch (err) {
-        // swallow polling errors to avoid UI noise
-        console.error('Polling messages failed:', err)
+        console.error('Refreshing messages failed:', err)
       }
-    }, 3000)
-    return () => {
-      active = false
-      clearInterval(interval)
     }
+    document.addEventListener('visibilitychange', onVisible)
+    return () => document.removeEventListener('visibilitychange', onVisible)
   }, [roomId])
 
   const handleSendMessage = async (content: string) => {