From d584374347fc7bc34cfd5e814fe84005302235ba Mon Sep 17 00:00:00 2001
From: "C. Fuhrman" <christopher.fuhrman@etsmtl.ca>
Date: Wed, 26 Feb 2025 09:48:40 -0500
Subject: [PATCH] =?UTF-8?q?add-room=20est=20dans=20le=20menu=20d=C3=A9roul?=
 =?UTF-8?q?ant=20plut=C3=B4t=20que=20dans=20un=20bouton=20renommer=20des?=
 =?UTF-8?q?=20variables=20(Dashboard=20fait=20beaucoup,=20=C3=A7a=20prend?=
 =?UTF-8?q?=20des=20noms=20pr=C3=A9cis)=20actualiser=20la=20liste=20des=20?=
 =?UTF-8?q?salles=20apr=C3=A8s=20add=20(bug)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/Teacher/Dashboard/Dashboard.tsx | 31 +++++++++++++------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/client/src/pages/Teacher/Dashboard/Dashboard.tsx b/client/src/pages/Teacher/Dashboard/Dashboard.tsx
index c196ccd..109a24f 100644
--- a/client/src/pages/Teacher/Dashboard/Dashboard.tsx
+++ b/client/src/pages/Teacher/Dashboard/Dashboard.tsx
@@ -59,7 +59,7 @@ const Dashboard: React.FC = () => {
     const [folders, setFolders] = useState<FolderType[]>([]);
     const [selectedFolderId, setSelectedFolderId] = useState<string>(''); // Selected folder
     const [rooms, setRooms] = useState<RoomType[]>([]);
-    const [openDialog, setOpenDialog] = useState(false);
+    const [openAddRoomDialog, setOpenAddRoomDialog] = useState(false);
     const [newRoomTitle, setNewRoomTitle] = useState('');
     const { selectedRoom, selectRoom, createRoom } = useRooms();
 
@@ -104,10 +104,21 @@ const Dashboard: React.FC = () => {
         fetchData();
     }, []);
 
-    const handleSubmitRoom = async () => {
+    const handleSelectRoom = (event: React.ChangeEvent<HTMLSelectElement>) => {
+        if (event.target.value === "add-room") {
+            setOpenAddRoomDialog(true);
+        } else {
+            selectRoom(event.target.value);
+        }
+      };
+
+    const handleSubmitCreateRoom = async () => {
         if (newRoomTitle.trim()) {
             await createRoom(newRoomTitle);
-            setOpenDialog(false);
+            // reload the list of rooms
+            const userRooms = await ApiService.getUserRooms();
+            setRooms(userRooms as RoomType[]);
+            setOpenAddRoomDialog(false);
             setNewRoomTitle('');
         }
     };
@@ -379,18 +390,20 @@ const Dashboard: React.FC = () => {
             <div className="title">Tableau de bord</div>
 
             <div className="roomSelection">
+                <label htmlFor="select-room">Sélectionner une salle: </label>
                 <select
                     value={selectedRoom?._id || ''}
-                    onChange={(e) => selectRoom(e.target.value)}
+                    onChange={(e) => handleSelectRoom(e)}
                 >
-                    <option value="">Sélectionner une salle</option>
+                    {/* <option value="">Sélectionner une salle</option> */}
                     {rooms.map((room) => (
                         <option key={room._id} value={room._id}>
                             {room.title}
                         </option>
                     ))}
+                    <option value="add-room">Add Room</option>
                 </select>
-                <button onClick={() => setOpenDialog(true)}>Ajouter une salle</button>
+                {/* <button onClick={() => setOpenDialog(true)}>Ajouter une salle</button> */}
             </div>
 
             {selectedRoom && (
@@ -399,7 +412,7 @@ const Dashboard: React.FC = () => {
                 </div>
             )}
 
-            <Dialog open={openDialog} onClose={() => setOpenDialog(false)}>
+            <Dialog open={openAddRoomDialog} onClose={() => setOpenAddRoomDialog(false)}>
                 <DialogTitle>Créer une nouvelle salle</DialogTitle>
                 <DialogContent>
                     <TextField
@@ -409,8 +422,8 @@ const Dashboard: React.FC = () => {
                     />
                 </DialogContent>
                 <DialogActions>
-                    <Button onClick={() => setOpenDialog(false)}>Annuler</Button>
-                    <Button onClick={handleSubmitRoom}>Créer</Button>
+                    <Button onClick={() => setOpenAddRoomDialog(false)}>Annuler</Button>
+                    <Button onClick={handleSubmitCreateRoom}>Créer</Button>
                 </DialogActions>
             </Dialog>