33 lines
847 B
TypeScript
33 lines
847 B
TypeScript
import { type Message } from 'ai'
|
|
|
|
import { MessageActionType } from '@/lib/types'
|
|
import { Separator } from '@/components/ui/separator'
|
|
import { ChatMessage } from '@/components/chat-message'
|
|
|
|
export interface ChatList {
|
|
messages: Message[]
|
|
handleMessageAction: (messageId: string, action: MessageActionType) => void
|
|
}
|
|
|
|
export function ChatList({ messages, handleMessageAction }: ChatList) {
|
|
if (!messages.length) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<div className="relative mx-auto max-w-2xl px-4">
|
|
{messages.map((message, index) => (
|
|
<div key={index}>
|
|
<ChatMessage
|
|
message={message}
|
|
handleMessageAction={handleMessageAction}
|
|
/>
|
|
{index < messages.length - 1 && (
|
|
<Separator className="my-4 md:my-8" />
|
|
)}
|
|
</div>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|