create: file size validation modal for file upload on assessment

This commit is contained in:
abiyasa05 2024-10-25 09:50:05 +07:00
parent 64f02e066f
commit ec4c3f047a

View File

@ -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>
);
}