From a14f6d3a0fa296cd2de6a2d5c60ec1d9d30a05e5 Mon Sep 17 00:00:00 2001
From: Klesti Selimaj <klesti.selimay@icloud.com>
Date: Tue, 18 Aug 2026 15:17:31 +0200
Subject: [PATCH] Server list

---
 src/App.tsx                              |  9 ++-------
 src/components/{ => view}/SelectView.tsx |  0
 src/components/view/serverList.tsx       | 22 ++++++++++++++++++++++
 3 files changed, 24 insertions(+), 7 deletions(-)
 rename src/components/{ => view}/SelectView.tsx (100%)
 create mode 100644 src/components/view/serverList.tsx

diff --git a/src/App.tsx b/src/App.tsx
index d280e41..7edb06d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,6 @@
 import { useRef } from "react";
 import Enclave from "@/app/app";
+import ServerList from "./components/view/serverList";
 
 export default function App() {
   const appRef = useRef<Enclave | null>(null);
@@ -15,13 +16,7 @@ export default function App() {
 
   return (
     <main className="size-screen dark bg-background">
-      <aside className="bg-card w-16 h-screen p-2 flex flex-col gap-2.5">
-        <img
-          src="https://github.com/selimaj-dev.png"
-          className="rounded-full"
-        />
-        <img src="https://github.com/selimaj-dev.png" className="rounded-lg" />
-      </aside>
+      <ServerList appRef={appRef} />
     </main>
   );
 }
diff --git a/src/components/SelectView.tsx b/src/components/view/SelectView.tsx
similarity index 100%
rename from src/components/SelectView.tsx
rename to src/components/view/SelectView.tsx
diff --git a/src/components/view/serverList.tsx b/src/components/view/serverList.tsx
new file mode 100644
index 0000000..f7b29bc
--- /dev/null
+++ b/src/components/view/serverList.tsx
@@ -0,0 +1,22 @@
+import Enclave from "@/app/app";
+
+export default function ServerList({
+  appRef,
+}: {
+  appRef: React.RefObject<Enclave | null>;
+}) {
+  return (
+    <aside className="bg-card w-16 h-screen p-2 flex flex-col gap-2.5">
+      {appRef.current?.serverList.map((server) => (
+        <img
+          src={`http://${server.hostname}/icon`}
+          className={
+            server.publicKey === appRef.current?.server?.hostname
+              ? "rounded-lg"
+              : "rounded-full"
+          }
+        />
+      ))}
+    </aside>
+  );
+}