Merge 206895ebb5 into 112062c0b2

client/src/__tests__/pages/ManageRoom/ManageRoom.test.tsx

@@ -344,10 +344,11 @@ describe('ManageRoom', () => {
         const tableHeader = screen.getByText('Q1');
         fireEvent.click(tableHeader);
 
-        const questionVisibilitySwitch = screen.getByTestId('question-visibility-switch'); // Get the specific switch
+        const closeButton = screen.getByRole('button', { name: /✖/i });
+        expect(closeButton).toBeInTheDocument();
         expect(screen.getByText(/Question 1\//i)).toBeInTheDocument();
 
-        fireEvent.click(questionVisibilitySwitch);
+        fireEvent.click(closeButton);
 
         expect(screen.queryByRole('button', { name: /✖/i })).not.toBeInTheDocument();
         expect(screen.queryByText(/Question 1\//i)).not.toBeInTheDocument();

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

@@ -318,7 +318,6 @@ const ManageRoom: React.FC = () => {
             return;
         }
         setQuizQuestions(quizQuestions);
-        setCurrentQuestion(quizQuestions[0]);
         webSocketService.launchStudentModeQuiz(formattedRoomName, quizQuestions);
     };
 
@@ -476,20 +475,19 @@ const ManageRoom: React.FC = () => {
                     <div style={{ display: 'flex', flexDirection: 'column' }}>
                         <div className="title center-h-align mb-2">{quiz?.title}</div>
                         
-                    <div className='close-button-wrapper'>
+                            <div className='close-button-wrapper'>
                     <FormControlLabel
                         label={<div className="text-sm">Afficher les questions</div>}
                         control={
                             <Switch
-                                data-testid="question-visibility-switch" // Add a unique test ID
-                                checked={isQuestionShown}
+                                value={isQuestionShown}
                                 onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                                     setIsQuestionShown(e.target.checked)
                                 }
                             />
                         }
                     />
-                    </div>
+                            </div>
                     
                         {!isNaN(Number(currentQuestion?.question.id))
                             && isQuestionShown && (

client/src/pages/Teacher/ManageRoom/manageRoom.css

@@ -39,7 +39,7 @@
 
 .close-button-wrapper{
     display: flex;
-    justify-content: flex-start;
+    justify-content: flex-end;
     margin-right: 1rem;
 }