From c5ea1c39a0e4b1fa1387ba97425d4e4be0b7dc0d Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Sun, 28 Sep 2025 21:58:48 +0200
Subject: [PATCH] semi functional Server details

---
 src/app/server/[id]/page.tsx | 24 +++++++++---------------
 src/components/Sidebar.tsx   |  2 +-
 2 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/src/app/server/[id]/page.tsx b/src/app/server/[id]/page.tsx
index b44c1bc..0837937 100644
--- a/src/app/server/[id]/page.tsx
+++ b/src/app/server/[id]/page.tsx
@@ -9,9 +9,11 @@ import useUser, { User } from "@/hooks/get-user";
 import Cookies from "js-cookie";
 import axios from "axios";
 import { StringMap } from "@/types/typeUtils";
+import ServerType from "@/types/server";
 
 export default function Server() {
   const { id: ip } = useParams<{ id: string }>();
+  const [server, setServer] = useState<undefined | ServerType>();
   const wsRef = useRef<WebSocket | null>(null);
   const [messages, setMessages] = useState<Message[]>([]);
   const { user, loading } = useUser();
@@ -22,9 +24,7 @@ export default function Server() {
 
     async function auth() {
       const server_auth = (
-        (
-          await axios.post("/api/auth", { server_ip: ip })
-        ).data as any
+        (await axios.post("/api/auth", { server_ip: ip })).data as any
       ).token;
 
       // Open the WebSocket connection
@@ -46,6 +46,11 @@ export default function Server() {
         const data = JSON.parse(m.data);
         console.log("Message received:", data);
 
+        if (data.version) {
+          setServer(data);
+          return;
+        }
+
         switch (data.type) {
           case "authenticated":
             setMessages(data.params.messages);
@@ -78,18 +83,7 @@ export default function Server() {
   }, [ip, user, loading]);
 
   return (
-    <AppSidebar
-      server={{
-        id: "bro",
-        name: "Bro",
-        channels: [
-          { id: "1", name: "general", kind: "text" },
-          { id: "2", name: "random", kind: "text" },
-          { id: "3", name: "help", kind: "text" },
-          { id: "4", name: "voice-chat", kind: "voice" },
-        ],
-      }}
-    >
+    <AppSidebar server={{ channels: [], ...server } as ServerType}>
       <MessageBox
         userList={userList}
         messages={messages
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index cf05d5b..4c4a870 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -120,7 +120,7 @@ export default function AppSidebar({
                 <DropdownMenu>
                   <DropdownMenuTrigger asChild>
                     <SidebarMenuButton>
-                      Select Server
+                      {server.name}
                       <ChevronDown className="ml-auto" />
                     </SidebarMenuButton>
                   </DropdownMenuTrigger>