gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: validation for toggle flag on assessment index lazy

Browse Source
This commit is contained in:
abiyasa05 2024-10-18 08:46:34 +07:00
parent 5267fb0937
commit 3dcbd2810a
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
apps/frontend/src/routes/_dashboardLayout/assessment/index.lazy.tsx
View File

@ -387,13 +387,18 @@ export default function AssessmentPage() {
}));
toggleFlagMutation.mutate(questionId);
}}
title="Tandai"
title={
!answers[question.questionId]
? "Pilih jawaban terlebih dahulu"
: "Tandai"
}
color={flaggedQuestions[questionId] ? "red" : "white"}
style={{
border: "1px gray solid ",
border: "1px gray solid",
borderRadius: "4px",
backgroundColor: flaggedQuestions[questionId] ? "red" : "white",
}}
disabled={!answers[question.questionId]}
>
<TbFlagFilled
size={20}
@ -434,7 +439,10 @@ export default function AssessmentPage() {
<Text color="red">Tidak ada opsi untuk pertanyaan ini.</Text>
)}
<Textarea placeholder="Berikan keterangan terkait jawaban di atas" />
<Textarea
placeholder="Berikan keterangan terkait jawaban di atas"
disabled={!answers[question.questionId]}
/>
{/* File Upload */}
{question.needFile === true && (
@ -466,6 +474,7 @@ export default function AssessmentPage() {
onChange={handleFileChange}
style={{ display: "none" }}
accept="image/png, image/jpeg, application/pdf"
disabled={!answers[question.questionId]}
/>
</div>
)}