mirror of
https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git
synced 2025-08-11 21:23:54 -04:00
Removed accordion and updated versions
This commit is contained in:
KenChanA
parent
b1221f0c56
commit
22dc7a5399
4 changed files with 87 additions and 93 deletions
|
|
@ -1,7 +1,6 @@
|
|||
// LiveResults.tsx
|
||||
import React, { useState } from 'react';
|
||||
|
||||
import { Accordion } from 'react-bootstrap';
|
||||
import { Socket } from 'socket.io-client';
|
||||
import { QuestionType } from '../../Types/QuestionType';
|
||||
import './liveResult.css';
|
||||
|
|
@ -26,19 +25,9 @@ interface LiveResultsProps {
|
|||
const LiveResults: React.FC<LiveResultsProps> = ({ questions, showSelectedQuestion, students }) => {
|
||||
const [showUsernames, setShowUsernames] = useState<boolean>(false);
|
||||
const [showCorrectAnswers, setShowCorrectAnswers] = useState<boolean>(false);
|
||||
const [activeKey, setActiveKey] = useState<string | null>('0');
|
||||
|
||||
const toggleAccordion = () => {
|
||||
setActiveKey(activeKey === '0' ? null : '0');
|
||||
};
|
||||
|
||||
return (
|
||||
<Accordion activeKey={activeKey} onSelect={toggleAccordion}>
|
||||
<Accordion.Item eventKey="0">
|
||||
<Accordion.Header>
|
||||
<div className="text-2xl text-bold">{activeKey === '0' ? 'Résultats du quiz' : 'Masquer les résultats'}</div>
|
||||
</Accordion.Header>
|
||||
<Accordion.Body>
|
||||
<div>
|
||||
<div className="action-bar mb-1">
|
||||
<FormGroup row>
|
||||
<FormControlLabel
|
||||
|
|
@ -76,9 +65,7 @@ const LiveResults: React.FC<LiveResultsProps> = ({ questions, showSelectedQuesti
|
|||
showUsernames={showUsernames}
|
||||
/>
|
||||
</div>
|
||||
</Accordion.Body>
|
||||
</Accordion.Item>
|
||||
</Accordion>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
import React, { useState } from 'react';
|
||||
import { Question } from 'gift-pegjs';
|
||||
|
||||
import { Accordion } from 'react-bootstrap';
|
||||
import { FormControlLabel, Switch } from '@mui/material';
|
||||
|
||||
import TrueFalseQuestionDisplay from './TrueFalseQuestionDisplay/TrueFalseQuestionDisplay';
|
||||
|
|
@ -37,11 +36,6 @@ const QuestionDisplay: React.FC<QuestionProps> = ({
|
|||
// }, [isMobile]);
|
||||
|
||||
const [showResults, setShowResults] = useState<boolean>(false);
|
||||
const [activeKey, setActiveKey] = useState<string | null>('0');
|
||||
|
||||
const toggleAccordion = () => {
|
||||
setActiveKey(activeKey === '0' ? null : '0');
|
||||
};
|
||||
|
||||
let questionTypeComponent = null;
|
||||
switch (question?.type) {
|
||||
|
|
@ -99,13 +93,7 @@ const QuestionDisplay: React.FC<QuestionProps> = ({
|
|||
}
|
||||
return (
|
||||
<>
|
||||
{showAnswerToggle ? (
|
||||
<Accordion activeKey={activeKey} onSelect={toggleAccordion}>
|
||||
<Accordion.Item eventKey="0">
|
||||
<Accordion.Header>
|
||||
{activeKey === '0' ? 'Afficher les questions' : 'Masquer les questions'}
|
||||
</Accordion.Header>
|
||||
<Accordion.Body>
|
||||
{showAnswerToggle && (
|
||||
<FormControlLabel
|
||||
label={<div className="text-sm">Afficher les résultats</div>}
|
||||
control={
|
||||
|
|
@ -117,6 +105,8 @@ const QuestionDisplay: React.FC<QuestionProps> = ({
|
|||
/>
|
||||
}
|
||||
/>
|
||||
)}
|
||||
|
||||
<div className="question-container">
|
||||
{questionTypeComponent ? (
|
||||
<>
|
||||
|
|
@ -126,20 +116,6 @@ const QuestionDisplay: React.FC<QuestionProps> = ({
|
|||
<div>Question de type inconnue</div>
|
||||
)}
|
||||
</div>
|
||||
</Accordion.Body>
|
||||
</Accordion.Item>
|
||||
</Accordion>
|
||||
) : (
|
||||
<div className="question-container">
|
||||
{questionTypeComponent ? (
|
||||
<>
|
||||
{questionTypeComponent}
|
||||
</>
|
||||
) : (
|
||||
<div>Question de type inconnue</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
31
package-lock.json
generated
31
package-lock.json
generated
|
|
@ -5,7 +5,18 @@
|
|||
"packages": {
|
||||
"": {
|
||||
"dependencies": {
|
||||
"axios-mock-adapter": "^2.1.0"
|
||||
"@popperjs/core": "^2.11.8",
|
||||
"axios-mock-adapter": "^2.1.0",
|
||||
"bootstrap": "^5.3.5"
|
||||
}
|
||||
},
|
||||
"node_modules/@popperjs/core": {
|
||||
"version": "2.11.8",
|
||||
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
|
||||
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/popperjs"
|
||||
}
|
||||
},
|
||||
"node_modules/asynckit": {
|
||||
|
|
@ -37,6 +48,24 @@
|
|||
"axios": ">= 0.17.0"
|
||||
}
|
||||
},
|
||||
"node_modules/bootstrap": {
|
||||
"version": "5.3.5",
|
||||
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.5.tgz",
|
||||
"integrity": "sha512-ct1CHKtiobRimyGzmsSldEtM03E8fcEX4Tb3dGXz1V8faRwM50+vfHwTzOxB3IlKO7m+9vTH3s/3C6T2EAPeTA==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/twbs"
|
||||
},
|
||||
{
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/bootstrap"
|
||||
}
|
||||
],
|
||||
"peerDependencies": {
|
||||
"@popperjs/core": "^2.11.8"
|
||||
}
|
||||
},
|
||||
"node_modules/call-bind-apply-helpers": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
{
|
||||
"dependencies": {
|
||||
"axios-mock-adapter": "^2.1.0"
|
||||
"@popperjs/core": "^2.11.8",
|
||||
"axios-mock-adapter": "^2.1.0",
|
||||
"bootstrap": "^5.3.5"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue