128 lines
3.9 KiB
TypeScript
128 lines
3.9 KiB
TypeScript
"use client";
|
|
|
|
import { Button, Group, Modal, Stack, Title } from "@mantine/core";
|
|
import ComponentEvent_DetailData from "../../component/detail/detail_data";
|
|
|
|
import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
|
|
import { useAtom } from "jotai";
|
|
import { gs_event_status } from "../../global_state";
|
|
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
|
|
import { MODEL_EVENT } from "../../model/interface";
|
|
import { Event_funEditStatusById } from "../../fun/edit/fun_edit_status_by_id";
|
|
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
|
|
import React, { useState } from "react";
|
|
import ComponentEvent_CatatanReject from "../../component/catatan_reject";
|
|
import { useRouter } from "next/navigation";
|
|
import moment from "moment";
|
|
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
|
|
import { Event_funDeleteById } from "../../fun/delete/fun_delete";
|
|
import { useDisclosure } from "@mantine/hooks";
|
|
|
|
export default function Event_DetailDraft({
|
|
dataEvent,
|
|
}: {
|
|
dataEvent: MODEL_EVENT;
|
|
}) {
|
|
return (
|
|
<>
|
|
{/* <pre>{JSON.stringify(dataEvent.catatan)}</pre> */}
|
|
<Stack spacing={"lg"}>
|
|
{dataEvent?.catatan ? (
|
|
<ComponentEvent_CatatanReject catatan={dataEvent?.catatan} />
|
|
) : (
|
|
""
|
|
)}
|
|
<ComponentEvent_DetailData data={dataEvent} />
|
|
<ButtonAction eventId={dataEvent?.id} tanggal={dataEvent.tanggal} />
|
|
</Stack>
|
|
</>
|
|
);
|
|
}
|
|
|
|
function ButtonAction({ eventId, tanggal }: { eventId: string; tanggal: any }) {
|
|
const router = useRouter();
|
|
const [isLoadingDelete, setLoadingDelete] = useState(false);
|
|
const [isLoadingAjukan, setLoadingAjukan] = useState(false);
|
|
const [tabsStatus, setTabsStatus] = useAtom(gs_event_status);
|
|
const [opened, { open, close }] = useDisclosure(false);
|
|
|
|
async function onDelete() {
|
|
await Event_funDeleteById(eventId).then((res) => {
|
|
if (res.status === 200) {
|
|
ComponentGlobal_NotifikasiBerhasil(res.message, 2000);
|
|
setLoadingDelete(true);
|
|
setTabsStatus("Draft");
|
|
close();
|
|
router.back();
|
|
} else {
|
|
ComponentGlobal_NotifikasiGagal(res.message);
|
|
}
|
|
});
|
|
}
|
|
|
|
async function onAjukan() {
|
|
if (moment(tanggal.toISOString().toString()).diff(moment(), "minutes") < 0)
|
|
return ComponentGlobal_NotifikasiPeringatan("Waktu acara telah lewat");
|
|
|
|
await Event_funEditStatusById("2", eventId).then((res) => {
|
|
if (res.status === 200) {
|
|
ComponentGlobal_NotifikasiBerhasil(res.message, 2000);
|
|
setTabsStatus("Review");
|
|
setLoadingAjukan(true);
|
|
router.back();
|
|
} else {
|
|
ComponentGlobal_NotifikasiGagal(res.message);
|
|
}
|
|
});
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<Modal opened={opened} onClose={close} centered withCloseButton={false}>
|
|
<Stack>
|
|
<Title order={6}>Yakin akan menghapus event ini?</Title>
|
|
<Group position="center">
|
|
<Button radius={"xl"} onClick={close}>
|
|
Batal
|
|
</Button>
|
|
<Button
|
|
loaderPosition="center"
|
|
loading={isLoadingDelete ? true : false}
|
|
radius={"xl"}
|
|
onClick={() => {
|
|
onDelete();
|
|
}}
|
|
color="red"
|
|
>
|
|
Hapus
|
|
</Button>
|
|
</Group>
|
|
</Stack>
|
|
</Modal>
|
|
|
|
<Group grow>
|
|
<Button
|
|
loaderPosition="center"
|
|
loading={isLoadingAjukan ? true : false}
|
|
radius={"xl"}
|
|
color="yellow"
|
|
onClick={() => {
|
|
onAjukan();
|
|
}}
|
|
>
|
|
Ajukan Review
|
|
</Button>
|
|
<Button
|
|
radius={"xl"}
|
|
color="red"
|
|
onClick={() => {
|
|
open();
|
|
}}
|
|
>
|
|
Hapus
|
|
</Button>
|
|
</Group>
|
|
</>
|
|
);
|
|
}
|