From eb3e06f5d3fffc075fb62abd74196d7816c3eaf0 Mon Sep 17 00:00:00 2001
From: NouhailaAater <nouhaila.aater.1@ens.etsmtl.ca>
Date: Fri, 28 Feb 2025 03:07:29 -0500
Subject: [PATCH] Rooms and selection update automatically without a refresh

---
 client/src/pages/Teacher/Dashboard/Dashboard.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/Teacher/Dashboard/Dashboard.tsx b/client/src/pages/Teacher/Dashboard/Dashboard.tsx
index 4b0687c..37f3639 100644
--- a/client/src/pages/Teacher/Dashboard/Dashboard.tsx
+++ b/client/src/pages/Teacher/Dashboard/Dashboard.tsx
@@ -95,10 +95,6 @@ const Dashboard: React.FC = () => {
             } else {
                 const userRooms = await ApiService.getUserRooms();
                 setRooms(userRooms as RoomType[]);
-                // select the first room if it exists
-                if (userRooms instanceof Array && userRooms.length > 0) {
-                    selectRoom(userRooms[userRooms.length-1]);
-                }
 
                 const userFolders = await ApiService.getUserFolders();
                 setFolders(userFolders as FolderType[]);
@@ -107,6 +103,13 @@ const Dashboard: React.FC = () => {
 
         fetchData();
     }, []);
+    
+    useEffect(() => {
+        if (rooms.length > 0 && !selectedRoom) {
+            selectRoom(rooms[rooms.length - 1]);
+            localStorage.setItem('selectedRoomId', rooms[rooms.length - 1]._id);
+        }
+    }, [rooms, selectedRoom]);
 
     const handleSelectRoom = (event: React.ChangeEvent<HTMLSelectElement>) => {
         if (event.target.value === 'add-room') {