Mercurial

comparison love/epi/src/components/ChatUI/MessageContainer.tsx @ 38:cf9caa4abc3e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[Love] FE and BE. Can chat and render images. Also created MCP for powerpoint generations.
author MrJuneJune <me@mrjunejune.com>
date Mon, 01 Dec 2025 20:35:56 -0800
parents
children
comparison
equal deleted inserted replaced
37:fb9bcd3145cb 38:cf9caa4abc3e
1 import { MessageItem } from './MessageItem';
2 import type { Message } from '@/atoms/chatAtoms';
3
4 interface MessageContainerProps {
5 messages: Message[];
6 }
7
8 export function MessageContainer(props: MessageContainerProps) {
9 const { messages } = props;
10
11 return (
12 <div className="flex-1 overflow-y-auto">
13 {messages.length === 0 ? (
14 <div className="flex items-center justify-center h-full text-gray-500">
15 <p>No messages yet. Start the conversation!</p>
16 </div>
17 ) : (
18 <div>
19 {messages?.map((msg) => (
20 <MessageItem key={msg.id} message={msg} />
21 ))}
22 </div>
23 )}
24 </div>
25 );
26 }