From 932b7349183cec5d7aabde4713cd4385d74ee984 Mon Sep 17 00:00:00 2001
From: Suvodip <suvodip@l1>
Date: Sat, 27 Jul 2024 13:11:45 +0530
Subject: [PATCH] s1

---
 app/components/ProgressReview.tsx | 34 +++++++++++++++----------------
 app/components/QuizzesScore.tsx   |  4 ++--
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/app/components/ProgressReview.tsx b/app/components/ProgressReview.tsx
index d1b4e8e..56fcc61 100644
--- a/app/components/ProgressReview.tsx
+++ b/app/components/ProgressReview.tsx
@@ -482,23 +482,23 @@ export default function Index() {
                             </div>
                         </div>
                     </div>
-            {selectedQuiz.questions.map((questionData) => (
-                <div key={questionData.questionId} className="mb-4 px-10 flex flex-col space-y-2">
-                    <p className='text-[20px] font-[700]'>Q{questionData.questionId}: {questionData.questionText}</p>
-                    <p className="text-[16px] font-[600] text-[#EF7A0C]">Your Answer</p>
-                    <p className="text-[20px] font-[500]">{questionData.correctAnswer}</p>
-                    <div className='inline-flex place-items-center space-x-4 w-full border-[1px] border-[#218B32] rounded-[10px] p-3'>
-                        <p className='text-[14px] font-[700] text-[#218B32] inline-flex place-items-center'><img src="../../assets/green-tick.svg" alt="" /> &nbsp;Correct</p>
-                        
-                        <p className='text-[14px] font-[400]'> Correct Answer: {questionData.correctAnswer}</p>
-                    </div>
-                <ul>
-                    {/* {questionData.options.map((option, index) => (
-                    <li key={index}>{option}</li>
-                    ))} */}
-                </ul>
-                </div>
-            ))}
+              {selectedQuiz.questions.map((questionData) => (
+                  <div key={questionData.questionId} className="mb-4 px-10 flex flex-col space-y-2">
+                      <p className='text-[20px] font-[700]'>Q{questionData.questionId}: {questionData.questionText}</p>
+                      <p className="text-[16px] font-[600] text-[#EF7A0C]">Your Answer</p>
+                      <p className="text-[20px] font-[500]">{questionData.correctAnswer}</p>
+                      <div className='inline-flex place-items-center space-x-4 w-full border-[1px] border-[#218B32] rounded-[10px] p-3'>
+                          <p className='text-[14px] font-[700] text-[#218B32] inline-flex place-items-center'><img src="../../assets/green-tick.svg" alt="" /> &nbsp;Correct</p>
+                          
+                          <p className='text-[14px] font-[400]'> {questionData.correctAnswer}</p>
+                      </div>
+                  <ul>
+                      {/* {questionData.options.map((option, index) => (
+                      <li key={index}>{option}</li>
+                      ))} */}
+                  </ul>
+                  </div>
+              ))}
             </Modal>
         )}
     </section>
diff --git a/app/components/QuizzesScore.tsx b/app/components/QuizzesScore.tsx
index bc7f942..15e27bd 100644
--- a/app/components/QuizzesScore.tsx
+++ b/app/components/QuizzesScore.tsx
@@ -131,13 +131,13 @@ export default function Index(){
                 <h2 className="text-[20px] font-[700] text-[#FFF] p-4">Quizzes score</h2>
                 <div className="flex flex-col">
                     {quizData.slice(15).map((data => (
-                        <a href='#' className='flex flex-row justify-between place-items-center bg-[#FCFCFC] border-b-[1px] border-b-[#CFCFCF] p-4'>
+                        <a key={data.quizId} href='#' className='flex flex-row justify-between place-items-center bg-[#FCFCFC] border-b-[1px] border-b-[#CFCFCF] p-4'>
                             <div className='flex flex-col'>
                                 <p className='text-[14px] font-[600] text-[#EF7A0C]'>{data.quizType}</p>
                                 <p className='text-[16px] font-[700]'>{data.quizName}</p>
                             </div>
                             <div className='flex flex-row'>
-                                <Progress type="dashboard" percent={Number(data.percentage)} gapDegree={0} width={40} strokeColor="#EF7A0C" format={(percent) => (<span style={{ fontWeight: 700 }}>{percent}%</span>)}/>
+                                <Progress type="dashboard" percent={Number(data.percentage)} gapDegree={0} size={40} strokeColor="#EF7A0C" format={(percent) => (<span style={{ fontWeight: 700 }}>{percent}%</span>)}/>
                                 <img src="../../assets/right-arrow.svg" alt="" />
                             </div>
                         </a>