dwd-projects
/
bs-p2
generated from dwd/boilarplate-remix-tailwind-antd
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

s1

master
Suvodip 2024-07-27 13:11:45 +05:30
parent 69ad64df28
commit 932b734918
2 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
app/components/ProgressReview.tsx
View File

@ -482,23 +482,23 @@ export default function Index() {
</div> </div>
</div> </div>
</div> </div>
{selectedQuiz.questions.map((questionData) => ( {selectedQuiz.questions.map((questionData) => (
<div key={questionData.questionId} className="mb-4 px-10 flex flex-col space-y-2"> <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-[20px] font-[700]'>Q{questionData.questionId}: {questionData.questionText}</p>
<p className="text-[16px] font-[600] text-[#EF7A0C]">Your Answer</p> <p className="text-[16px] font-[600] text-[#EF7A0C]">Your Answer</p>
<p className="text-[20px] font-[500]">{questionData.correctAnswer}</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'> <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-[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> <p className='text-[14px] font-[400]'> {questionData.correctAnswer}</p>
</div> </div>
<ul> <ul>
{/* {questionData.options.map((option, index) => ( {/* {questionData.options.map((option, index) => (
<li key={index}>{option}</li> <li key={index}>{option}</li>
))} */} ))} */}
</ul> </ul>
</div> </div>
))} ))}
</Modal> </Modal>
)} )}
</section> </section>

4
app/components/QuizzesScore.tsx
View File

@ -131,13 +131,13 @@ export default function Index(){
<h2 className="text-[20px] font-[700] text-[#FFF] p-4">Quizzes score</h2> <h2 className="text-[20px] font-[700] text-[#FFF] p-4">Quizzes score</h2>
<div className="flex flex-col"> <div className="flex flex-col">
{quizData.slice(15).map((data => ( {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'> <div className='flex flex-col'>
<p className='text-[14px] font-[600] text-[#EF7A0C]'>{data.quizType}</p> <p className='text-[14px] font-[600] text-[#EF7A0C]'>{data.quizType}</p>
<p className='text-[16px] font-[700]'>{data.quizName}</p> <p className='text-[16px] font-[700]'>{data.quizName}</p>
</div> </div>
<div className='flex flex-row'> <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="" /> <img src="../../assets/right-arrow.svg" alt="" />
</div> </div>
</a> </a>