Fixed chat ui #19

src/app/chat/[id]/page.tsx

@@ -14,13 +14,11 @@ export default function DMs() {
       <MessageBox
         app={app}
         channelName={app.profiles[id]?.display_name || id}
-        messages={app.messages
-          .filter(
-            (m) =>
-              (m.channel_id === id && m.from === app.profile?.id) ||
-              (m.from === id && m.channel_id === app.profile?.id)
-          )
-          .toReversed()}
+        messages={app.messages.filter(
+          (m) =>
+            (m.channel_id === id && m.from === app.profile?.id) ||
+            (m.from === id && m.channel_id === app.profile?.id)
+        )}
         sendMessage={(message) => {
           app.node.current?.send(
             JSON.stringify({

src/app/server/[ip]/page.tsx

@@ -28,8 +28,7 @@ export default function Server() {
         app={app}
         channelName="General"
         messages={app.messages
-          .filter((m) => m.channel_id === "general")
-          .toReversed()}
+          .filter((m) => m.channel_id === "general")}
         sendMessage={(message) => {
           serverRef.current?.send(
             JSON.stringify({