Alur pembayaran donasi
# feat - Tampilan invoce - Proses acc admin - Transaksi berhasil # Issue: Hitungan progres masih salah
This commit is contained in:
@@ -24,17 +24,18 @@ import {
|
||||
IconMessageChatbot,
|
||||
} from "@tabler/icons-react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import BoxInformasiDonasi from "../../component/box_informasi";
|
||||
import ComponentDonasi_NotedBox from "../../component/noted_box";
|
||||
import { useAtom } from "jotai";
|
||||
import { gs_donasi_tabs_posting } from "../../global_state";
|
||||
import { MODEL_DONASI } from "../../model/interface";
|
||||
import { useState } from "react";
|
||||
import TampilanRupiahDonasi from "../../component/tampilan_rupiah";
|
||||
import ComponentCeritaPenggalangDanaDonasi from "../../component/detail_main/cerita_penggalang";
|
||||
import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
|
||||
import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
|
||||
import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
|
||||
import { NotifPeringatan } from "../../component/notifikasi/notif_peringatan";
|
||||
import { useShallowEffect } from "@mantine/hooks";
|
||||
import ComponentDonasi_DetailDataGalangDana from "../../component/detail_galang_dana/detail_data_donasi";
|
||||
|
||||
export default function DetailDraftDonasi({
|
||||
dataDonasi,
|
||||
@@ -44,8 +45,8 @@ export default function DetailDraftDonasi({
|
||||
return (
|
||||
<>
|
||||
<Stack spacing={"xl"}>
|
||||
<DetailDonasi dataDonasi={dataDonasi} />
|
||||
<ComponentCeritaPenggalangDanaDonasi donasi={dataDonasi} />
|
||||
<ComponentDonasi_DetailDataGalangDana donasi={dataDonasi} />
|
||||
<ComponentDonasi_CeritaPenggalangMain donasi={dataDonasi} />
|
||||
<ButtonAjukanPenggalangan dataDonasi={dataDonasi} />
|
||||
</Stack>
|
||||
</>
|
||||
@@ -86,47 +87,47 @@ function ButtonAjukanPenggalangan({
|
||||
);
|
||||
}
|
||||
|
||||
function DetailDonasi({ dataDonasi }: { dataDonasi: MODEL_DONASI }) {
|
||||
const [donasi, setDonasi] = useState(dataDonasi);
|
||||
useShallowEffect(() => {
|
||||
setDonasi(dataDonasi);
|
||||
}, [dataDonasi]);
|
||||
return (
|
||||
<>
|
||||
<Stack>
|
||||
<Stack>
|
||||
<AspectRatio ratio={16 / 9}>
|
||||
<Paper radius={"md"}>
|
||||
<Image
|
||||
alt="Foto"
|
||||
src={RouterDonasi.api_image + `${donasi.imageDonasi.url}`}
|
||||
/>
|
||||
</Paper>
|
||||
</AspectRatio>
|
||||
<Stack spacing={0}>
|
||||
<Title order={4}>{donasi.title}</Title>
|
||||
<Text fz={"xs"}>
|
||||
Durasi: {donasi.DonasiMaster_Durasi.name} hari
|
||||
</Text>
|
||||
</Stack>
|
||||
<Stack spacing={0}>
|
||||
<Group position="apart">
|
||||
<Stack spacing={0}>
|
||||
<Text fz={12}>Dana dibutuhkan</Text>
|
||||
<Title order={4} c="blue">
|
||||
<TampilanRupiahDonasi nominal={+donasi.target} />
|
||||
</Title>
|
||||
</Stack>
|
||||
<Stack spacing={0}>
|
||||
<Text fz={12}>Kategori</Text>
|
||||
<Title order={4} c="blue">
|
||||
{donasi.DonasiMaster_Ketegori.name}
|
||||
</Title>
|
||||
</Stack>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Stack>
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
}
|
||||
// function DetailDonasi({ dataDonasi }: { dataDonasi: MODEL_DONASI }) {
|
||||
// const [donasi, setDonasi] = useState(dataDonasi);
|
||||
// useShallowEffect(() => {
|
||||
// setDonasi(dataDonasi);
|
||||
// }, [dataDonasi]);
|
||||
// return (
|
||||
// <>
|
||||
// <Stack>
|
||||
// <Stack>
|
||||
// <AspectRatio ratio={16 / 9}>
|
||||
// <Paper radius={"md"}>
|
||||
// <Image
|
||||
// alt="Foto"
|
||||
// src={RouterDonasi.api_image + `${donasi.imageDonasi.url}`}
|
||||
// />
|
||||
// </Paper>
|
||||
// </AspectRatio>
|
||||
// <Stack spacing={0}>
|
||||
// <Title order={4}>{donasi.title}</Title>
|
||||
// <Text fz={"xs"}>
|
||||
// Durasi: {donasi.DonasiMaster_Durasi.name} hari
|
||||
// </Text>
|
||||
// </Stack>
|
||||
// <Stack spacing={0}>
|
||||
// <Group position="apart">
|
||||
// <Stack spacing={0}>
|
||||
// <Text fz={12}>Dana dibutuhkan</Text>
|
||||
// <Title order={4} c="blue">
|
||||
// <TampilanRupiahDonasi nominal={+donasi.target} />
|
||||
// </Title>
|
||||
// </Stack>
|
||||
// <Stack spacing={0}>
|
||||
// <Text fz={12}>Kategori</Text>
|
||||
// <Title order={4} c="blue">
|
||||
// {donasi.DonasiMaster_Ketegori.name}
|
||||
// </Title>
|
||||
// </Stack>
|
||||
// </Group>
|
||||
// </Stack>
|
||||
// </Stack>
|
||||
// </Stack>
|
||||
// </>
|
||||
// );
|
||||
// }
|
||||
|
||||
Reference in New Issue
Block a user