galpodlipnik/chat-app
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

is typing indicator fix and chat fix

Browse Source
This commit is contained in:
Gal Podlipnik 2025-06-12 13:46:33 +02:00
parent 3814b19838
commit e67f08bc61
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/MessageList.tsx
View File

@ -43,14 +43,16 @@ export const MessageList: FC<MessageListProps> = ({ roomId }) => {
} }
return ( return (
<ScrollArea className="flex-1 p-4"> <div className="flex-1 overflow-hidden">
<div className="space-y-4"> <ScrollArea className="h-full">
{roomMessages.map((message: Message) => ( <div className="space-y-4 p-4">
<MessageCard key={message.id} message={message} /> {roomMessages.map((message: Message) => (
))} <MessageCard key={message.id} message={message} />
<div ref={messagesEndRef} /> ))}
<TypingIndicator roomId={roomId} /> <div ref={messagesEndRef} />
</div> <TypingIndicator roomId={roomId} />
</ScrollArea> </div>
</ScrollArea>
</div>
); );
}; };