Merge 911d051089 into 62df610d62

client/src/pages/Teacher/ManageRoom/ManageRoom.tsx

@@ -29,7 +29,8 @@ import {
 } from '@mui/material';
 import { checkIfIsCorrect } from './useRooms';
 import { QRCodeCanvas } from 'qrcode.react';
-import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import ContentCopyIcon from "@mui/icons-material/ContentCopy";
+
 
 const ManageRoom: React.FC = () => {
     const navigate = useNavigate();
@@ -415,7 +416,7 @@ const ManageRoom: React.FC = () => {
 
     return (
         <div className="room">
-            {/* En-tête avec bouton Disconnect à gauche et QR code à droite */}
+            {/* En-tête avec titre et bouton QR code*/}
             <div
                 style={{
                     display: 'flex',
@@ -424,11 +425,7 @@ const ManageRoom: React.FC = () => {
                     marginBottom: '20px'
                 }}
             >
-                <DisconnectButton
-                    onReturn={handleReturn}
-                    askConfirm
-                    message={`Êtes-vous sûr de vouloir quitter?`}
-                />
+                <h1 style={{ margin: 0 }}>Salle : {formattedRoomName}</h1>
 
                 <Button
                     variant="contained"
@@ -440,14 +437,13 @@ const ManageRoom: React.FC = () => {
                 </Button>
             </div>
 
+            {/* Modale QR Code */}
             <Dialog
                 open={showQrModal}
                 onClose={() => setShowQrModal(false)}
                 aria-labelledby="qr-modal-title"
             >
-                <DialogTitle id="qr-modal-title">
-                    Rejoindre la salle: {formattedRoomName}
-                </DialogTitle>
+                <DialogTitle id="qr-modal-title">Rejoindre la salle: {formattedRoomName}</DialogTitle>
                 <DialogContent>
                     <DialogContentText>
                         Scannez ce QR code ou partagez le lien ci-dessous pour rejoindre la salle :
@@ -461,13 +457,13 @@ const ManageRoom: React.FC = () => {
                         <h3>URL de participation :</h3>
                         <p>{roomUrl}</p>
                         <Button
-                            variant="contained"
-                            startIcon={<ContentCopyIcon />}
-                            onClick={handleCopy}
-                            style={{ marginTop: '10px' }}
-                        >
-                            {copied ? 'Copié !' : 'Copier le lien'}
-                        </Button>
+                        variant="contained"
+                        startIcon={<ContentCopyIcon />}
+                        onClick={handleCopy}
+                        style={{ marginTop: '10px' }}
+                    >
+                        {copied ? "Copié !" : "Copier le lien"}
+                    </Button>
                     </div>
                 </DialogContent>
                 <DialogActions>
@@ -476,6 +472,13 @@ const ManageRoom: React.FC = () => {
                     </Button>
                 </DialogActions>
             </Dialog>
+            <div className="roomHeader">
+                <DisconnectButton
+                    onReturn={handleReturn}
+                    askConfirm
+                    message={`Êtes-vous sûr de vouloir quitter?`}
+                />
+            </div>
 
             <div className="roomHeader">
                 <div