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

Auto scroll

Browse Source
This commit is contained in:
selimaj-dev
2026-08-22 10:35:34 +02:00
parent ff36a84a23
commit 8b80ecb8a8
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/page/channel/TextChannel.tsx
+8 -6
View File
@@ -50,6 +50,8 @@ export default function TextChannel({
if (!channel) return null; if (!channel) return null;
const messages = appRef.current?.server?.messages[channel.id];
const sendMessage = () => { const sendMessage = () => {
appRef.current?.sendMessage(currentMessage, channel.id); appRef.current?.sendMessage(currentMessage, channel.id);
setCurrentMessage(""); setCurrentMessage("");
@@ -61,14 +63,14 @@ export default function TextChannel({
<h2>{channel.name}</h2> <h2>{channel.name}</h2>
</header> </header>
<div className="h-full flex flex-col gap-2.5 px-3 pt-4 overflow-y-scroll"> <div className="h-full flex flex-col-reverse gap-2.5 px-3 pt-4 overflow-y-scroll">
<div ref={intersectionRef} /> <div ref={intersectionRef} />
{appRef.current?.server?.messages[channel.id] && {messages &&
Object.entries(appRef.current?.server?.messages[channel.id]).map( Object.entries(messages)
([_, message]) => ( .sort((a, b) => b[1].timestamp - a[1].timestamp)
.map(([_, message]) => (
<TextMessage key={message.id} appRef={appRef} message={message} /> <TextMessage key={message.id} appRef={appRef} message={message} />
), ))}
)}
</div> </div>
<div className="pb-6 px-4 flex flex-row gap-3"> <div className="pb-6 px-4 flex flex-row gap-3">