Message chunk loading test

src/components/app/AppLayout.tsx

@@ -50,7 +50,7 @@ export default function AppLayout({
 
         if (onNewMessage) onNewMessage(m);
       },
-      lastMessage: app.messages?.[app.messages.length - 1]?.id,
+      lastMessage: app.privateMessages?.[app.privateMessages.length - 1]?.id,
 
       addMessage: app.addMessage,
       deleteMessage: app.deleteMessage,

src/components/app/SidebarDMs.tsx

@@ -24,7 +24,7 @@ export default function SidebarDMs({ app }: { app: App }) {
         await Promise.all(
           [
             ...new Set(
-              app.messages
+              app.privateMessages.messages
                 .sort((a, b) => a.timestamp - b.timestamp)
                 .flatMap((m) => [m.from, m.channel_id])
                 .filter((id) => id !== app.profile?.id)
@@ -44,7 +44,7 @@ export default function SidebarDMs({ app }: { app: App }) {
       );
     };
     load();
-  }, [query, app.messages, app.profile]);
+  }, [query, app.privateMessages, app.profile]);
 
   return (
     <div className="w-full flex flex-col bg-sidebar">

src/components/channel/ChannelView.tsx

@@ -11,7 +11,7 @@ export default function ChannelView({
   serverRef,
 }: {
   app: App;
-  messages: Record<string, Message[]>;
+  messages: Message[];
   ip: string;
   serverRef: React.RefObject<WebSocket | null>;
 }) {
@@ -25,11 +25,7 @@ export default function ChannelView({
         <MessageBox
           app={app}
           channelName={app.currentChannel.name}
-          messages={
-            messages[ip]?.filter(
-              (m) => m.channel_id === app.currentChannel?.id
-            ) || []
-          }
+          messages={messages}
           sendRequest={(req) => serverRef.current?.send(JSON.stringify(req))}
         />
       );

src/components/channel/PluginChannel.tsx

@@ -10,7 +10,7 @@ export default function PluginChannel({
   serverRef,
 }: {
   app: App;
-  messages: Record<string, Message[]>;
+  messages: Message[];
   ip: string;
   serverRef: React.RefObject<WebSocket | null>;
 }) {