Fixed question display during quiz

client/src/components/LiveResults/LiveResults.tsx

@@ -33,7 +33,7 @@ const LiveResults: React.FC<LiveResultsProps> = ({ questions, showSelectedQuesti
         <Accordion defaultActiveKey="0" alwaysOpen>
             <Accordion.Item eventKey="0">
                 <Accordion.Header onClick={() => setIsOpen(!isOpen)}>
-                    <div className="text-2xl text-bold">Résultats du quiz</div>
+                    <div className="text-2xl text-bold">{isOpen ? 'Résultats du quiz' : 'Masquer les résultats'}</div>
                 </Accordion.Header>
                 <Accordion.Body>
                         <div className="action-bar mb-1">

client/src/components/QuestionsDisplay/QuestionDisplay.tsx

@@ -19,6 +19,7 @@ interface QuestionProps {
     showAnswer?: boolean;
     students?: StudentType[];
     showResults?: boolean;
+    showAnswerToggle?: boolean;
     answer?: AnswerType;
 
 }
@@ -26,6 +27,7 @@ const QuestionDisplay: React.FC<QuestionProps> = ({
     question,
     handleOnSubmitAnswer,
     showAnswer,
+    showAnswerToggle = false,
     students,
     answer,
 }) => {
@@ -92,10 +94,12 @@ const QuestionDisplay: React.FC<QuestionProps> = ({
             break;
     }
     return (
+        <>
+            {showAnswerToggle ? (
                 <Accordion defaultActiveKey="0" alwaysOpen>
                     <Accordion.Item eventKey="0">
                         <Accordion.Header onClick={() => setIsOpen(!isOpen)}>
-                    {isOpen ? 'Masquer les questions' : 'Afficher les questions'}
+                            {isOpen ? 'Afficher les questions' : 'Masquer les questions'}
                         </Accordion.Header>
                         <Accordion.Body>
                             <FormControlLabel
@@ -121,6 +125,18 @@ const QuestionDisplay: React.FC<QuestionProps> = ({
                         </Accordion.Body>
                     </Accordion.Item>
                 </Accordion>
+            ) : (
+                <div className="question-container">
+                {questionTypeComponent ? (
+                    <>
+                        {questionTypeComponent}
+                    </>
+                ) : (
+                    <div>Question de type inconnue</div>
+                )}
+                </div>
+            )}
+        </>
     );
 };
 

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

@@ -423,6 +423,7 @@ const ManageRoom: React.FC = () => {
                                 {currentQuestion && (
                                     <QuestionDisplay
                                         showAnswer={false}
+                                        showAnswerToggle={true}
                                         question={currentQuestion?.question as Question}
                                         students={students}
                                     />