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';
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();
@ -416,7 +415,7 @@ const ManageRoom: React.FC = () => {
return (
<div className="room">
{/* En-tête avec titre et bouton QR code*/}
{/* En-tête avec bouton Disconnect à gauche et QR code à droite */}
<div
style={{
display: 'flex',
@ -425,7 +424,11 @@ const ManageRoom: React.FC = () => {
marginBottom: '20px'
}}
>
<h1 style={{ margin: 0 }}>Salle : {formattedRoomName}</h1>
<DisconnectButton
onReturn={handleReturn}
askConfirm
message={`Êtes-vous sûr de vouloir quitter?`}
/>
<Button
variant="contained"
@ -437,13 +440,14 @@ 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 :
@ -462,7 +466,7 @@ const ManageRoom: React.FC = () => {
onClick={handleCopy}
style={{ marginTop: '10px' }}
>
{copied ? "Copié !" : "Copier le lien"}
{copied ? 'Copié !' : 'Copier le lien'}
</Button>
</div>
</DialogContent>
@ -472,13 +476,6 @@ 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