Yuva chat conversations

The visitor's conversations as rows with the last message, time and an unread dot, and an empty state.

No conversations yet

Start one and we will answer here.

L'anteprima usa dati di esempio. Non richiede rete né canale.

tsx

import { YuvaChatConversations } from "@/components/yuva-chat-conversations"
import { useYuvaChat } from "@/hooks/use-yuva-chat"

export function Conversations() {
  const chat = useYuvaChat({
    server={process.env.NEXT_PUBLIC_YUVA_SERVER}
    channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL},
  })
  return <YuvaChatConversations chat={chat} />
}

Installazione

Esegui questo in un progetto shadcn. I file vengono copiati nel tuo codice.

Shell

npx shadcn@latest add https://useyuva.com/r/yuva-chat-conversations.json

Shell

pnpm dlx shadcn@latest add https://useyuva.com/r/yuva-chat-conversations.json

Shell

yarn dlx shadcn@latest add https://useyuva.com/r/yuva-chat-conversations.json

Shell

bunx --bun shadcn@latest add https://useyuva.com/r/yuva-chat-conversations.json

Utilizzo

tsx

import { YuvaChatConversations } from "@/components/yuva-chat-conversations"

<YuvaChatConversations chat={chat} onOpen={(id) => setView("thread")} />

Props

`YuvaChatConversationsProps`

Prop	Tipo
`chat`	`YuvaChatState`
`labels?`	`Partial<YuvaChatLabels>`
`locale?`	`string`
`onOpen?`	`(id: string \| null) => void`
`className?`	`string`

Etichette

Le etichette sono elencate in Yuva chat.

Dipendenze

Installare questo elemento aggiunge anche quanto segue.

Componenti di shadcn/ui

Altri elementi Yuva

Yuva chat hook

Pacchetti npm

lucide-react ↗

← PrecedenteYuva chat composer Avanti →Yuva discussion list