Added Progress Bar and remove severity in History

mtech-31-quemistry · Aug 28, 2024 · 46985a2 · 46985a2
1 parent 5ba0144
commit 46985a2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 86 deletions.
diff --git a/app/(main)/quiz/page.tsx b/app/(main)/quiz/page.tsx
@@ -18,6 +18,7 @@ import React, { Fragment } from 'react';
 import { InputNumber } from 'primereact/inputnumber';
 import { TreeTable } from 'primereact/treetable';
 import { InputTextarea } from 'primereact/inputtextarea';
+import { ProgressBar } from 'primereact/progressbar';
 
 const QuizPage: React.FC = () => {
     const router = useRouter();
@@ -377,8 +378,6 @@ const QuizPage: React.FC = () => {
                             <div className="card">
                                 <span className="question-id">Question {currentQuestionIndex + 1} of {quiz.mcqs.length}: </span>
                                 <span dangerouslySetInnerHTML={{ __html: currentQuestion.stem }}></span>
-                            </div>
-                            <div className="card">
                                 {currentQuestion.options.map((option) => (
                                     <div key={option.no} className="card">
                                         <label className="option-label">
@@ -450,7 +449,8 @@ const QuizPage: React.FC = () => {
                                     <li key={skill.id}>{skill.name}</li>
                                 ))}
                             </ul>
-                        </div>
+                            <ProgressBar value={(currentQuestionIndex + 1) / quiz.mcqs.length * 100} />
+                            </div>
                     )}
                 </div>
             </div>

diff --git a/app/(main)/quiz/tests/page.test.tsx b/app/(main)/quiz/tests/page.test.tsx