From e0b950f1c4bccbc6fcfbda072e00a430c081338e Mon Sep 17 00:00:00 2001
From: Arthur Wambst <arthur.wambst@epita.fr>
Date: Mon, 20 Oct 2025 20:35:22 +0200
Subject: [PATCH] fix: use new endpoint to fetch instance owner

---
 src/pages/Immersion.tsx | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/pages/Immersion.tsx b/src/pages/Immersion.tsx
index 45d1ebd..ca52ca8 100644
--- a/src/pages/Immersion.tsx
+++ b/src/pages/Immersion.tsx
@@ -13,6 +13,7 @@ function Immersion() {
   const [allInstances, setAllInstances] = useState<Instance[]>([]);
   const [instancesStatus, setInstancesStatus] = useState<Record<number, string>>({});
   const [containerStatus, setContainerStatus] = useState<string>("");
+  const [instancesOwner, setInstancesOwner] = useState<string>("");
   const username = localStorage.getItem("username");
   
   const copyText = (copy: string) => {
@@ -35,6 +36,21 @@ function Immersion() {
     });
   }, [id]);
 
+  useEffect(() => {
+    axios.get(`/api/ji/${id}/all-instances`).then((res) => {
+      setAllInstances(res.data);
+      // Récupérer l owner de chaque instance
+      res.data.forEach((inst: Instance) => {
+        axios.get(`/api/ji/${id}/instance-owner?instId=${inst.id}`).then((ownerRes) => {
+          setInstancesOwner(prev => ({
+            ...prev,
+            [inst.id]: ownerRes.data
+          }));
+        });
+      });
+    });
+  }, [id]);
+
   useEffect(() => {
     axios.get(`/api/ji/${id}/all-instances`).then((res) => {
       setAllInstances(res.data);
@@ -328,7 +344,11 @@ function Immersion() {
                             <td className="p-4">{index + 1}</td>
                             <td className="p-4">{inst.name}</td>
                             <td className="p-4">{inst.port}</td>
-                            <td className="p-4">{username}</td>
+                            <td className="p-4">
+                              <span className="badge badge-primary">
+                                {instancesOwner[inst.id] || "Loading..."}
+                              </span>
+                            </td>
                             <td className="p-4">
                               <div className="flex items-center gap-2">
                                 <span className="font-mono">{inst.password}</span>
@@ -349,7 +369,7 @@ function Immersion() {
                               <div className="flex gap-2">
                                 <button
                                   className="btn btn-sm btn-primary"
-                                  onClick={() => copyText(`ssh -p ${inst.port} ${username}@la-banquise.fr`)}
+                                  onClick={() => copyText(`ssh -p ${inst.port} ${instancesOwner[inst.id] || "Loading..."}@la-banquise.fr`)}
                                 >
                                   Copy SSH
                                 </button>