From 206895ebb54d181b78293cf501388d3e6a88df58 Mon Sep 17 00:00:00 2001
From: JubaAzul <118773284+JubaAzul@users.noreply.github.com>
Date: Wed, 19 Mar 2025 14:18:31 -0400
Subject: [PATCH] =?UTF-8?q?[BUG]=20Dans=20un=20quiz=20au=20rythme=20de=20l?=
 =?UTF-8?q?'=C3=A9tudiant,=20l'enseignant=20ne=20peut=20plus=20masquer=20l?=
 =?UTF-8?q?es=20questions=20Fixes=20#295?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/Teacher/ManageRoom/ManageRoom.tsx   | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/client/src/pages/Teacher/ManageRoom/ManageRoom.tsx b/client/src/pages/Teacher/ManageRoom/ManageRoom.tsx
index 67af4a3..7034bdc 100644
--- a/client/src/pages/Teacher/ManageRoom/ManageRoom.tsx
+++ b/client/src/pages/Teacher/ManageRoom/ManageRoom.tsx
@@ -23,7 +23,7 @@ import DisconnectButton from 'src/components/DisconnectButton/DisconnectButton';
 import QuestionDisplay from 'src/components/QuestionsDisplay/QuestionDisplay';
 import ApiService from '../../../services/ApiService';
 import { QuestionType } from 'src/Types/QuestionType';
-import { Button } from '@mui/material';
+import { Button, FormControlLabel, Switch } from '@mui/material';
 import { AnswerType } from 'src/pages/Student/JoinRoom/JoinRoom';
 
 const ManageRoom: React.FC = () => {
@@ -471,19 +471,24 @@ const ManageRoom: React.FC = () => {
             <div className="">
 
                 {quizQuestions ? (
+
                     <div style={{ display: 'flex', flexDirection: 'column' }}>
                         <div className="title center-h-align mb-2">{quiz?.title}</div>
-                        {(quizMode === 'student' && isQuestionShown) && (
+                        
                             <div className='close-button-wrapper'>
-                                <Button
-                                    className="close-button"
-                                    onClick={() => {
-                                        setIsQuestionShown(false);
-                                    }} >
-                                    ✖
-                                </Button>
+                    <FormControlLabel
+                        label={<div className="text-sm">Afficher les questions</div>}
+                        control={
+                            <Switch
+                                value={isQuestionShown}
+                                onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                                    setIsQuestionShown(e.target.checked)
+                                }
+                            />
+                        }
+                    />
                             </div>
-                        )}
+                    
                         {!isNaN(Number(currentQuestion?.question.id))
                             && isQuestionShown && (
                                 <strong className="number of questions">