From ec4c3f047a74a31a40fdc284fbd7d856e2135af7 Mon Sep 17 00:00:00 2001
From: abiyasa05 <abiyasap24@gmail.com>
Date: Fri, 25 Oct 2024 09:50:05 +0700
Subject: [PATCH] create: file size validation modal for file upload on
 assessment

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

diff --git a/apps/frontend/src/modules/assessmentManagement/modals/FileSizeValidationModal.tsx b/apps/frontend/src/modules/assessmentManagement/modals/FileSizeValidationModal.tsx
new file mode 100644
index 0000000..00ae75d
--- /dev/null
+++ b/apps/frontend/src/modules/assessmentManagement/modals/FileSizeValidationModal.tsx
@@ -0,0 +1,28 @@
+import { Modal, Text, Flex } from "@mantine/core";
+import { Button } from "@/shadcn/components/ui/button";
+
+interface FileSizeValidationModalProps {
+    opened: boolean;
+    onClose: () => void;
+    fileName?: string;
+}
+
+export default function FileSizeValidationModal({
+    opened,
+    onClose,
+    fileName,
+}: FileSizeValidationModalProps) {
+    return (
+        <Modal opened={opened} onClose={onClose} title="Peringatan Ukuran File">
+            <Text>
+                Ukuran file {fileName} melebihi batas maksimum 25 MB! 
+                Silakan pilih file yang lebih kecil.
+            </Text>
+            <Flex gap="sm" justify="flex-end" mt="md">
+                <Button variant="outline" onClick={onClose}>
+                    Tutup
+                </Button>
+            </Flex>
+        </Modal>
+    );
+}
\ No newline at end of file