127 lines
3.8 KiB
TypeScript
127 lines
3.8 KiB
TypeScript
"use client";
|
|
|
|
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
|
|
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
|
|
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
|
|
import { UIGlobal_Modal } from "@/app_modules/_global/ui";
|
|
import notifikasiToAdmin_funCreate from "@/app_modules/notifikasi/fun/create/create_notif_to_admin";
|
|
import mqtt_client from "@/util/mqtt_client";
|
|
import { Button, Group, Stack } from "@mantine/core";
|
|
import { useRouter } from "next/navigation";
|
|
import { useState } from "react";
|
|
import { Donasi_ComponentButtonDeleteDonasiById } from "../../component";
|
|
import ComponentDonasi_DetailDataGalangDana from "../../component/detail_galang_dana/detail_data_donasi";
|
|
import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
|
|
import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
|
|
import { MODEL_DONASI } from "../../model/interface";
|
|
import { IRealtimeData } from "@/app/lib/global_state";
|
|
import { WibuRealtime } from "wibu-pkg";
|
|
|
|
export default function DetailDraftDonasi({
|
|
dataDonasi,
|
|
}: {
|
|
dataDonasi: MODEL_DONASI;
|
|
}) {
|
|
const [data, setData] = useState(dataDonasi);
|
|
|
|
return (
|
|
<>
|
|
<Stack spacing={"xl"} py={"md"}>
|
|
<ComponentDonasi_DetailDataGalangDana donasi={data} />
|
|
<ComponentDonasi_CeritaPenggalangMain donasi={data} />
|
|
<Group position="apart" grow mt={"lg"}>
|
|
<ButtonAjukanPenggalangan dataDonasi={data} />
|
|
<Donasi_ComponentButtonDeleteDonasiById
|
|
donasiId={data.id}
|
|
imageCeritaId={data.CeritaDonasi.imageId}
|
|
imageId={data.imageId}
|
|
/>
|
|
</Group>
|
|
</Stack>
|
|
</>
|
|
);
|
|
}
|
|
|
|
function ButtonAjukanPenggalangan({
|
|
dataDonasi,
|
|
}: {
|
|
dataDonasi: MODEL_DONASI;
|
|
}) {
|
|
const router = useRouter();
|
|
const [isLoading, setLoading] = useState(false);
|
|
const [openModal, setOpenModal] = useState(false);
|
|
|
|
async function onChangeStatus() {
|
|
const res = await Donasi_funGantiStatus(dataDonasi.id, "2");
|
|
if (res.status === 200) {
|
|
|
|
const dataNotifikasi: IRealtimeData = {
|
|
appId: res.data?.id as any,
|
|
status: res.data?.DonasiMaster_Status?.name as any,
|
|
userId: res.data?.authorId as any,
|
|
pesan: res.data?.title as any,
|
|
kategoriApp: "DONASI",
|
|
title: "Mengajukan review",
|
|
};
|
|
|
|
const notif = await notifikasiToAdmin_funCreate({
|
|
data: dataNotifikasi as any,
|
|
});
|
|
|
|
if (notif.status === 201) {
|
|
WibuRealtime.setData({
|
|
type: "notification",
|
|
pushNotificationTo: "ADMIN",
|
|
});
|
|
|
|
WibuRealtime.setData({
|
|
type: "trigger",
|
|
pushNotificationTo: "ADMIN",
|
|
dataMessage: dataNotifikasi,
|
|
});
|
|
|
|
setLoading(true);
|
|
ComponentGlobal_NotifikasiBerhasil("Berhasil Diajukan");
|
|
router.push(RouterDonasi.status_galang_dana({ id: "2" }));
|
|
}
|
|
} else {
|
|
ComponentGlobal_NotifikasiPeringatan(res.message);
|
|
}
|
|
}
|
|
return (
|
|
<>
|
|
<Button
|
|
radius={"xl"}
|
|
bg={"orange"}
|
|
color="orange"
|
|
onClick={() => setOpenModal(true)}
|
|
>
|
|
Ajukan Kembali
|
|
</Button>
|
|
|
|
<UIGlobal_Modal
|
|
title={"Anda yakin ingin mengajukan kembali ?"}
|
|
opened={openModal}
|
|
close={() => setOpenModal(false)}
|
|
buttonKiri={
|
|
<Button radius={"xl"} onClick={() => setOpenModal(false)}>
|
|
Batal
|
|
</Button>
|
|
}
|
|
buttonKanan={
|
|
<Button
|
|
loaderPosition="center"
|
|
loading={isLoading}
|
|
radius={"xl"}
|
|
bg={"orange"}
|
|
color="orange"
|
|
onClick={() => onChangeStatus()}
|
|
>
|
|
Ajukan
|
|
</Button>
|
|
}
|
|
/>
|
|
</>
|
|
);
|
|
}
|