실시간 채팅 구현

'use client'
export function ChatRoom({ roomId }: { roomId: string }) {
  const supabase = createClient()
  const [messages, setMessages] = useState<Message[]>([])

  useEffect(() => {
    // 기존 메시지 로드
    supabase.from('messages').select('*, profiles(username)')
      .eq('room_id', roomId).then(({ data }) => setMessages(data || []))

    // 실시간 구독
    const ch = supabase.channel(`room:${roomId}`)
      .on('postgres_changes',
        { event: 'INSERT', table: 'messages', filter: `room_id=eq.${roomId}` },
        payload => setMessages(p => [...p, payload.new ])
      ).subscribe()
    return () => supabase.removeChannel(ch)
  }, [roomId])
}