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

Positionnement a gauche bouton quitter

Browse source
This commit is contained in:
NouhailaAater 2025-04-08 21:57:43 -04:00
parent 911d051089
commit 09ec127a76
1 changed files with 17 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
client/src/pages/Teacher/ManageRoom/ManageRoom.tsx
View file

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