Fix server implementatio

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

@@ -0,0 +1,54 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import { useParams } from "next/navigation";
+import MessageBox from "@/components/MessageBox";
+import AppSidebar from "@/components/Sidebar";
+import { Message, Server as ServerType } from "@/types/types";
+import { User } from "@/hooks/get-user";
+import { StringMap } from "@/types/typeUtils";
+import auth, { makeAddress } from "@/lib/auth";
+
+export default function Server() {
+  const { ip } = useParams<{ ip: string }>();
+  const wsServerRef = useRef<WebSocket | null>(null);
+  const wsNodeRef = useRef<WebSocket | null>(null);
+  const [server, setServer] = useState<undefined | ServerType>();
+  const [messages, setMessages] = useState<Message[]>([]);
+  const [userList, setUserList] = useState<StringMap<User>>({});
+
+  useEffect(() => {
+    if (!ip) return;
+    auth(makeAddress(ip, 7080), wsServerRef, setServer, setMessages);
+  }, [ip]);
+
+  return (
+    <AppSidebar
+      wsRef={wsNodeRef}
+      setMessages={setMessages}
+      userList={userList}
+      setUserList={setUserList}
+      server={server}
+    >
+      <MessageBox
+        channelName="General"
+        userList={userList}
+        setUserList={setUserList}
+        messages={messages
+          .filter((m) => m.channel_id === "general")
+          .toReversed()}
+        sendMessage={(message) => {
+          wsServerRef.current?.send(
+            JSON.stringify({
+              type: "send_message",
+              params: {
+                channel_id: "general",
+                contents: message,
+              },
+            })
+          );
+        }}
+      />
+    </AppSidebar>
+  );
+}