From 9ed95290626397c0d7ea1adbad0a6f958cb442b0 Mon Sep 17 00:00:00 2001
From: abiyasa05 <abiyasap24@gmail.com>
Date: Wed, 23 Oct 2024 14:10:09 +0700
Subject: [PATCH] create: validation modal for assessment

---
 .../modals/ValidationModal.tsx                | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 apps/frontend/src/modules/assessmentManagement/modals/ValidationModal.tsx

diff --git a/apps/frontend/src/modules/assessmentManagement/modals/ValidationModal.tsx b/apps/frontend/src/modules/assessmentManagement/modals/ValidationModal.tsx
new file mode 100644
index 0000000..e370dc1
--- /dev/null
+++ b/apps/frontend/src/modules/assessmentManagement/modals/ValidationModal.tsx
@@ -0,0 +1,28 @@
+import { Modal, Text, Flex } from "@mantine/core";
+import { Button } from "@/shadcn/components/ui/button";
+
+interface ValidationModalProps {
+    opened: boolean;
+    onClose: () => void;
+    unansweredQuestions: number;
+}
+
+export default function ValidationModal({
+    opened,
+    onClose,
+    unansweredQuestions,
+}: ValidationModalProps) {
+    return (
+        <Modal opened={opened} onClose={onClose} title="Peringatan">
+            <Text>
+                Anda mempunyai {unansweredQuestions} pertanyaan yang belum terjawab! 
+                Pastikan semua jawaban sudah lengkap sebelum melanjutkan.
+            </Text>
+            <Flex gap="sm" justify="flex-end" mt="md">
+                <Button variant="outline" onClick={onClose}>
+                    Tutup
+                </Button>
+            </Flex>
+        </Modal>
+    );
+}
\ No newline at end of file