amal
91a3dfdb5d
Deskripsi: - pengaplikasian api - modal konfirmasi update pelayanan surat - modal konfirmasi create pelayanan surat NO Issues
46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import { Badge, Button, Card, Center, Stack, Text, Title } from "@mantine/core";
|
|
import { IconCheck } from "@tabler/icons-react";
|
|
|
|
type SuccessPengajuanProps = {
|
|
noPengajuan: string;
|
|
onClose?: () => void;
|
|
category?: 'create' | 'update';
|
|
};
|
|
|
|
export default function SuccessPengajuan({
|
|
noPengajuan,
|
|
onClose,
|
|
category
|
|
}: SuccessPengajuanProps) {
|
|
return (
|
|
<Center h="100vh">
|
|
<Card shadow="md" radius="md" p="xl" withBorder maw={520} w="100%">
|
|
<Stack align="center" gap="md">
|
|
<IconCheck size={56} color="green" />
|
|
|
|
<Title order={3} ta="center">
|
|
{category == 'create' ? 'Pengajuan Berhasil Dibuat' : 'Pengajuan Berhasil Diupdate'}
|
|
</Title>
|
|
|
|
<Text ta="center" size="sm" c="dimmed">
|
|
{category == 'create' ? 'Pengajuan layanan surat sudah dibuat dengan nomor:' : 'Pengajuan layanan surat sudah diupdate dengan nomor:'}
|
|
</Text>
|
|
|
|
<Badge size="xl" variant="light" color="green">
|
|
{noPengajuan}
|
|
</Badge>
|
|
|
|
<Text ta="center" size="sm">
|
|
Nomor ini akan digunakan untuk mengakses dan memantau status
|
|
pengajuan surat Anda.
|
|
</Text>
|
|
|
|
<Button fullWidth mt="md" onClick={onClose}>
|
|
Selesai
|
|
</Button>
|
|
</Stack>
|
|
</Card>
|
|
</Center>
|
|
);
|
|
}
|