From 3dcbd2810a7baf3c0ccb87331a6b2b5d2eea111d Mon Sep 17 00:00:00 2001
From: abiyasa05 <abiyasap24@gmail.com>
Date: Fri, 18 Oct 2024 08:46:34 +0700
Subject: [PATCH] update: validation for toggle flag on assessment index lazy

---
 .../_dashboardLayout/assessment/index.lazy.tsx    | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/routes/_dashboardLayout/assessment/index.lazy.tsx b/apps/frontend/src/routes/_dashboardLayout/assessment/index.lazy.tsx
index 5ac8630..d7959ad 100644
--- a/apps/frontend/src/routes/_dashboardLayout/assessment/index.lazy.tsx
+++ b/apps/frontend/src/routes/_dashboardLayout/assessment/index.lazy.tsx
@@ -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>
                       )}