amal
487395bdb3
Deskripsi: - tolak pengaduan - terima pengaduan - kerjakan pengaduan - pengaduan selesai NO Issues
50 lines
1.4 KiB
TypeScript
50 lines
1.4 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>
|
|
);
|
|
}
|