Yuva chat thread

import { YuvaChatThread } from "@/components/yuva-chat-thread"
import { useYuvaChat } from "@/hooks/use-yuva-chat"

export function Thread({ id }: { id: string }) {
  const chat = useYuvaChat({
    server={process.env.NEXT_PUBLIC_YUVA_SERVER}
    channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL},
  })
  const { loading, open } = chat

  React.useEffect(() => {
    if (!loading) void open(id)
  }, [loading, open, id])

  return (
    <div className="flex h-96 flex-col rounded-xl border">
      <YuvaChatThread chat={chat} />
    </div>
  )
}