gmatte/EvalueTonSavoir
1
0
Fork 0
mirror of https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git synced 2025-08-11 21:23:54 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

add-room est dans le menu déroulant plutôt que dans un bouton

Browse source 
renommer des variables (Dashboard fait beaucoup, ça prend des noms précis)
actualiser la liste des salles après add (bug)
This commit is contained in:
C. Fuhrman 2025-02-26 09:48:40 -05:00
parent 0bf2bf7747
commit d584374347
1 changed files with 22 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
client/src/pages/Teacher/Dashboard/Dashboard.tsx
View file

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