wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#style:

Browse Source 
Deskripsi :
- Perbaikan UI Donasi
## NO Issue
This commit is contained in:
Bagasbanuna02
2024-07-22 10:29:51 +08:00
parent 8fa3f0332d
commit 73c6d58eef
89 changed files with 1686 additions and 1442 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/app_modules/donasi/detail/detail_draft/index.tsx
View File

@@ -1,50 +1,39 @@
"use client";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import {
Stack,
AspectRatio,
Paper,
Title,
Progress,
Grid,
Group,
Divider,
ActionIcon,
Avatar,
Text,
Image,
Button,
} from "@mantine/core";
import {
IconClover,
IconMail,
IconMoneybag,
IconCircleChevronRight,
IconMessageChatbot,
} from "@tabler/icons-react";
import { useRouter } from "next/navigation";
import ComponentDonasi_NotedBox from "../../component/noted_box";
import { Button, Stack } from "@mantine/core";
import { useAtom } from "jotai";
import { useRouter } from "next/navigation";
import ComponentDonasi_DetailDataGalangDana from "../../component/detail_galang_dana/detail_data_donasi";
import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
import { NotifPeringatan } from "../../component/notifikasi/notif_peringatan";
import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
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 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";
import { Donasi_getOneById } from "../../fun/get/get_one_donasi_by_id";
export default function DetailDraftDonasi({
dataDonasi,
}: {
dataDonasi: MODEL_DONASI;
}) {
// const [data, setData] = useState(dataDonasi);
// useShallowEffect(() => {
// loadData({ id: dataDonasi.id });
// }, [dataDonasi.id]);
// async function loadData({ id }: { id: string }) {
// const loadData = await Donasi_getOneById(id);
// setData(loadData as any);
// }
return (
<>
<Stack spacing={"xl"}>
<Stack spacing={"xl"} py={"md"}>
<ComponentDonasi_DetailDataGalangDana donasi={dataDonasi} />
<ComponentDonasi_CeritaPenggalangMain donasi={dataDonasi} />
<ButtonAjukanPenggalangan dataDonasi={dataDonasi} />

188
src/app_modules/donasi/detail/detail_draft/layout.tsx
View File

@@ -2,6 +2,9 @@
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
import UIGlobal_Drawer from "@/app_modules/_global/ui/ui_drawer";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import {
ActionIcon,
Button,
@@ -9,12 +12,16 @@ import {
Header,
Modal,
Stack,
Title
Title,
} from "@mantine/core";
import { useDisclosure } from "@mantine/hooks";
import { IconTornado } from "@tabler/icons-react";
import {
IconChevronLeft,
IconEdit
IconCreditCard,
IconDotsVertical,
IconEdit,
IconEditCircle,
} from "@tabler/icons-react";
import { useRouter } from "next/navigation";
import React, { useState } from "react";
@@ -26,85 +33,134 @@ export default function LayoutDetailDraftDonasi({
children: React.ReactNode;
donasiId: string;
}) {
const [opened, { open, close }] = useDisclosure(false);
const [openDrawer, setOpenDrawer] = useState(false);
const router = useRouter();
const [isLoadingDonasi, setLoadingDonasi] = useState(false);
const [isLoadingCerita, setLoadingCerita] = useState(false);
const [isLoadingRekening, setLoadingRekening] = useState(false);
const listPage = [
{
id: "1",
name: "Edit Donasi",
icon: <IconEdit />,
path: RouterDonasi.edit_donasi + donasiId,
},
{
id: "2",
name: "Edit Cerita Pengalang",
icon: <IconTornado />,
path: RouterDonasi.edit_cerita_penggalang + donasiId,
},
{
id: "3",
name: "Edit Rekening",
icon: <IconCreditCard />,
path: RouterDonasi.edit_rekening + donasiId,
},
];
return (
<>
<AppComponentGlobal_LayoutTamplate
<UIGlobal_LayoutTamplate
header={
<Header height={50} sx={{ borderStyle: "none" }}>
<Group h={50} position="apart" px={"md"}>
<UIGlobal_LayoutHeaderTamplate
title="Detail Draft"
customButtonRight={
<ActionIcon
variant="transparent"
onClick={() => {
router.back();
}}
onClick={() => setOpenDrawer(true)}
>
<IconChevronLeft />
<IconDotsVertical color="white" />
</ActionIcon>
<Title order={5}>Detail Draft</Title>
<ActionIcon variant="transparent" onClick={() => open()}>
<IconEdit />
</ActionIcon>
</Group>
</Header>
}
/>
}
>
{children}
</AppComponentGlobal_LayoutTamplate>
<Modal opened={opened} onClose={close} centered withCloseButton={false}>
<Stack>
<Button
loaderPosition="center"
loading={isLoadingDonasi ? true : false}
style={{ transition: "0.5s" }}
variant="outline"
radius={"xl"}
w={"100%"}
color="blue"
onClick={() => {
setLoadingDonasi(true);
router.push(RouterDonasi.edit_donasi + `${donasiId}`);
}}
>
Edit Donasi
</Button>
<Button
loaderPosition="center"
loading={isLoadingCerita ? true : false}
style={{ transition: "0.5s" }}
variant="outline"
radius={"xl"}
w={"100%"}
color="teal"
onClick={() => {
setLoadingCerita(true);
router.push(RouterDonasi.edit_cerita_penggalang + `${donasiId}`);
}}
>
Edit Cerita
</Button>
<Button
loaderPosition="center"
loading={isLoadingRekening ? true : false}
style={{ transition: "0.5s" }}
variant="outline"
radius={"xl"}
w={"100%"}
color="orange"
onClick={() => {
setLoadingRekening(true);
router.push(RouterDonasi.edit_rekening + `${donasiId}`);
}}
>
Edit Rekening
</Button>
</Stack>
</Modal>
</UIGlobal_LayoutTamplate>
<UIGlobal_Drawer
opened={openDrawer}
close={() => setOpenDrawer(false)}
component={listPage}
/>
</>
);
// return (
// <>
// <AppComponentGlobal_LayoutTamplate
// header={
// <Header height={50} sx={{ borderStyle: "none" }}>
// <Group h={50} position="apart" px={"md"}>
// <ActionIcon
// variant="transparent"
// onClick={() => {
// router.back();
// }}
// >
// <IconChevronLeft />
// </ActionIcon>
// <Title order={5}>Detail Draft</Title>
// <ActionIcon variant="transparent" onClick={() => open()}>
// <IconEdit />
// </ActionIcon>
// </Group>
// </Header>
// }
// >
// {children}
// </AppComponentGlobal_LayoutTamplate>
// <Modal opened={opened} onClose={close} centered withCloseButton={false}>
// <Stack>
// <Button
// loaderPosition="center"
// loading={isLoadingDonasi ? true : false}
// style={{ transition: "0.5s" }}
// variant="outline"
// radius={"xl"}
// w={"100%"}
// color="blue"
// onClick={() => {
// setLoadingDonasi(true);
// router.push(RouterDonasi.edit_donasi + `${donasiId}`);
// }}
// >
// Edit Donasi
// </Button>
// <Button
// loaderPosition="center"
// loading={isLoadingCerita ? true : false}
// style={{ transition: "0.5s" }}
// variant="outline"
// radius={"xl"}
// w={"100%"}
// color="teal"
// onClick={() => {
// setLoadingCerita(true);
// router.push(RouterDonasi.edit_cerita_penggalang + `${donasiId}`);
// }}
// >
// Edit Cerita
// </Button>
// <Button
// loaderPosition="center"
// loading={isLoadingRekening ? true : false}
// style={{ transition: "0.5s" }}
// variant="outline"
// radius={"xl"}
// w={"100%"}
// color="orange"
// onClick={() => {
// setLoadingRekening(true);
// router.push(RouterDonasi.edit_rekening + `${donasiId}`);
// }}
// >
// Edit Rekening
// </Button>
// </Stack>
// </Modal>
// </>
// );
}

12
src/app_modules/donasi/detail/detail_main/cerita_penggalang/index.tsx
View File

@@ -1,6 +1,7 @@
"use client";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import { AccentColor } from "@/app_modules/_global/color/color_pallet";
import { MODEL_CERITA_DONASI } from "@/app_modules/donasi/model/interface";
import { Box, Image, Stack, Text } from "@mantine/core";
import moment from "moment";
@@ -15,7 +16,16 @@ export default function CeritaPenggalangDonasi({
return (
<>
{/* <pre>{JSON.stringify(data.imageCeritaDonasi, null, 2)}</pre> */}
<Stack px={"xs"}>
<Stack
style={{
padding: "15px",
backgroundColor: AccentColor.darkblue,
borderRadius: "10px",
border: `2px solid ${AccentColor.blue}`,
color: "white",
marginBottom: "15px",
}}
>
<Text>
{new Intl.DateTimeFormat("id-ID", { dateStyle: "full" }).format(
data.createdAt

8
src/app_modules/donasi/detail/detail_main/cerita_penggalang/layout.tsx
View File

@@ -1,6 +1,8 @@
"use client";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import ButtonDonasi from "@/app_modules/donasi/component/footer_button_donasi";
import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
import React from "react";
@@ -17,11 +19,11 @@ export default function LayoutCeritaPenggalangDonasi({
if (statusDonasiId !== "1") {
return (
<>
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Cerita Penggalang Dana" />}
<UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Cerita Penggalang Dana" />}
>
{children}
</AppComponentGlobal_LayoutTamplate>
</UIGlobal_LayoutTamplate>
</>
);
}

33
src/app_modules/donasi/detail/detail_main/index.tsx
View File

@@ -1,37 +1,12 @@
"use client";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import {
ActionIcon,
AspectRatio,
Avatar,
Badge,
Button,
Center,
Divider,
Grid,
Group,
Image,
Paper,
Progress,
Stack,
Text,
Title,
Stack
} from "@mantine/core";
import {
IconCircleChevronRight,
IconClover,
IconMail,
IconMailAi,
IconMessageChatbot,
IconMoneybag,
} from "@tabler/icons-react";
import { useRouter } from "next/navigation";
import ComponentDonasi_NotedBox from "../../component/noted_box";
import { ComponentDonasi_DetailDataMain } from "../../component/detail_main/detail_data_donasi";
import { MODEL_DONASI } from "../../model/interface";
import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
import { ComponentDonasi_DetailDataMain } from "../../component/detail_main/detail_data_donasi";
import ComponentDonasi_InformasiPenggalangMain from "../../component/detail_main/informasi_penggalang";
import { MODEL_DONASI } from "../../model/interface";
export default function DetailMainDonasi({
dataDonasi,
@@ -44,7 +19,7 @@ export default function DetailMainDonasi({
}) {
return (
<>
<Stack spacing={40}>
<Stack spacing={40} py={"md"}>
<ComponentDonasi_DetailDataMain
donasi={dataDonasi}
countDonatur={countDonatur}

19
src/app_modules/donasi/detail/detail_main/layout.tsx
View File

@@ -1,10 +1,9 @@
"use client";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
import { Footer, Stack } from "@mantine/core";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import React from "react";
import ButtonDonasi from "../../component/footer_button_donasi";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
export default function LayoutDetailMainDonasi({
children,
@@ -15,18 +14,12 @@ export default function LayoutDetailMainDonasi({
}) {
return (
<>
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Detail Donasi" />}
footer={
<Footer height={"10vh"}>
<Stack justify="center" h={"100%"}>
<ButtonDonasi donasiId={donasiId} />
</Stack>
</Footer>
}
<UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Detail Donasi" />}
footer={<ButtonDonasi donasiId={donasiId} />}
>
{children}
</AppComponentGlobal_LayoutTamplate>
</UIGlobal_LayoutTamplate>
</>
);
}

24
src/app_modules/donasi/detail/detail_main/penggalang_dana/index.tsx
View File

@@ -2,7 +2,7 @@
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import ComponentDonasi_BoxPublish from "@/app_modules/donasi/component/box_publish";
import ComponentDonasi_CardPublish from "@/app_modules/donasi/component/card_view/box_publish";
import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
import {
MODEL_DONASI,
@@ -11,7 +11,6 @@ import {
import { MODEL_USER } from "@/app_modules/home/model/interface";
import {
AspectRatio,
Avatar,
Box,
Center,
Divider,
@@ -23,18 +22,15 @@ import {
SimpleGrid,
Stack,
Text,
Title,
Title
} from "@mantine/core";
import { useViewportSize } from "@mantine/hooks";
import {
IconBrandGmail,
IconHome,
IconMoodSmile,
IconPhone,
IconRecordMail,
IconPhone
} from "@tabler/icons-react";
import { useRouter } from "next/navigation";
import router from "next/router";
import { useState } from "react";
export default function PenggalangDanaDonasi({
@@ -46,12 +42,16 @@ export default function PenggalangDanaDonasi({
return (
<>
<Stack >
<Stack>
<InformasiPenggalang value={value as any} />
<ComponentDonasi_BoxPublish
dataDonasi={value.Donasi}
path={RouterDonasi.detail_publish}
/>
{value.Donasi.map((e, i) => (
<Box key={i}>
<ComponentDonasi_CardPublish
data={e}
path={RouterDonasi.detail_publish}
/>
</Box>
))}
</Stack>
</>
);

13
src/app_modules/donasi/detail/detail_main/penggalang_dana/layout.tsx
View File

@@ -1,8 +1,7 @@
"use client";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
import { AppShell } from "@mantine/core";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import React from "react";
export default function LayoutPenggalangDanaDonasi({
@@ -12,12 +11,14 @@ export default function LayoutPenggalangDanaDonasi({
}) {
return (
<>
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Informasi Penggalangan Dana" />}
<UIGlobal_LayoutTamplate
header={
<UIGlobal_LayoutHeaderTamplate title="Informasi Penggalangan Dana" />
}
// footer={<FooterDonasi />}
>
{children}
</AppComponentGlobal_LayoutTamplate>
</UIGlobal_LayoutTamplate>
</>
);
}

24
src/app_modules/donasi/detail/detail_publish/index.tsx
View File

@@ -1,33 +1,13 @@
"use client";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import {
Stack,
AspectRatio,
Paper,
Title,
Progress,
Grid,
Group,
Divider,
ActionIcon,
Avatar,
Text,
Image,
Stack
} from "@mantine/core";
import {
IconClover,
IconMail,
IconMoneybag,
IconCircleChevronRight,
IconMessageChatbot,
} from "@tabler/icons-react";
import { MODEL_DONASI } from "../../model/interface";
import { useState } from "react";
import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
import { ComponentDonasi_DetailDataMain } from "../../component/detail_main/detail_data_donasi";
import _ from "lodash";
import ComponentDonasi_InformasiPenggalangMain from "../../component/detail_main/informasi_penggalang";
import { MODEL_DONASI } from "../../model/interface";
export default function DetailPublishDonasi({
dataPublish,

48
src/app_modules/donasi/detail/detail_publish/layout.tsx
View File

@@ -1,11 +1,18 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import { ActionIcon, AppShell } from "@mantine/core";
import React, { useState } from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import { IconEdit, IconMessageShare } from "@tabler/icons-react";
import {
IconDotsVertical,
IconEdit,
IconMessageShare,
} from "@tabler/icons-react";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_Drawer from "@/app_modules/_global/ui/ui_drawer";
export default function LayoutDetailPublishDonasi({
children,
@@ -14,19 +21,44 @@ export default function LayoutDetailPublishDonasi({
children: React.ReactNode;
donasiId: string;
}) {
const [openDrawer, setOpenDrawer] = useState(false);
const listPage = [
{
id: "1",
name: "Kabar",
icon: <IconMessageShare />,
path: RouterDonasi.list_kabar + donasiId,
},
];
return (
<>
<AppComponentGlobal_LayoutTamplate
<UIGlobal_LayoutTamplate
header={
<ComponentDonasi_HeaderTamplate
<UIGlobal_LayoutHeaderTamplate
title="Detail Publish"
icon={<IconMessageShare />}
route2={RouterDonasi.list_kabar + `${donasiId}`}
// icon={<IconMessageShare />}
// route2={RouterDonasi.list_kabar + `${donasiId}`}
customButtonRight={
<ActionIcon
variant="transparent"
onClick={() => setOpenDrawer(true)}
>
<IconDotsVertical color="white" />
</ActionIcon>
}
/>
}
>
{children}
</AppComponentGlobal_LayoutTamplate>
</UIGlobal_LayoutTamplate>
<UIGlobal_Drawer
opened={openDrawer}
close={() => setOpenDrawer(false)}
component={listPage}
/>
</>
);
}

83
src/app_modules/donasi/detail/detail_reject/index.tsx
View File

@@ -2,42 +2,28 @@
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import {
Stack,
AspectRatio,
Paper,
Title,
Progress,
Grid,
Group,
Divider,
ActionIcon,
Avatar,
Text,
Image,
Button,
Spoiler,
Group,
Modal,
Paper,
Spoiler,
Stack,
Title,
} from "@mantine/core";
import {
IconClover,
IconMail,
IconMoneybag,
IconCircleChevronRight,
IconMessageChatbot,
} from "@tabler/icons-react";
import { useRouter } from "next/navigation";
import ComponentDonasi_NotedBox from "../../component/noted_box";
import { useAtom } from "jotai";
import { gs_donasi_tabs_posting } from "../../global_state";
import { useDisclosure } from "@mantine/hooks";
import { useAtom } from "jotai";
import { useRouter } from "next/navigation";
import { useState } from "react";
import { MODEL_DONASI } from "../../model/interface";
import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
import ComponentDonasi_DetailDataGalangDana from "../../component/detail_galang_dana/detail_data_donasi";
import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
import { NotifGagal } from "../../component/notifikasi/notif_gagal";
import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
import ComponentDonasi_DetailDataGalangDana from "../../component/detail_galang_dana/detail_data_donasi";
import { Donasi_funDeleteDonasiById } from "../../fun/delete/fin_delete_donasi_by_id";
import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
import { gs_donasi_tabs_posting } from "../../global_state";
import { MODEL_DONASI } from "../../model/interface";
import ComponentGlobal_BoxInformation from "@/app_modules/_global/component/box_information";
import UIGlobal_Modal from "@/app_modules/_global/ui/ui_modal";
export default function DetailRejectDonasi({
dataReject,
@@ -47,8 +33,8 @@ export default function DetailRejectDonasi({
const [donasi, setDonasi] = useState(dataReject);
return (
<>
<Stack spacing={"xl"}>
<AlasanPenolakan catatan={donasi.catatan} />
<Stack spacing={"xl"} py={"md"}>
<ComponentGlobal_BoxInformation isReport informasi={donasi.catatan} />
<ComponentDonasi_DetailDataGalangDana donasi={donasi} />
<ComponentDonasi_CeritaPenggalangMain donasi={donasi} />
<ButtonAction donasiId={donasi.id} />
@@ -79,7 +65,8 @@ function ButtonAction({ donasiId }: { donasiId: string }) {
gs_donasi_tabs_posting
);
const router = useRouter();
const [opened, { open, close }] = useDisclosure(false);
// const [opened, { open, close }] = useDisclosure(false);
const [openModal, setOpenModal] = useState(false);
async function onCLick() {
await Donasi_funGantiStatus(donasiId, "3").then((res) => {
@@ -105,13 +92,12 @@ function ButtonAction({ donasiId }: { donasiId: string }) {
}
return (
<>
<Group position="center">
<Group grow>
<Button
radius={"xl"}
bg={"orange"}
color="orange"
onClick={() => onCLick()}
compact
>
Edit Donasi
</Button>
@@ -119,32 +105,27 @@ function ButtonAction({ donasiId }: { donasiId: string }) {
radius={"xl"}
bg={"red"}
color="red"
onClick={() => open()}
compact
onClick={() => setOpenModal(true)}
>
Hapus Donasi
</Button>
</Group>
<Modal
opened={opened}
onClose={close}
centered
title="Yakin menghapus Penggalanagn Dana ini ?"
>
<Group position="center">
<Button radius={"xl"} variant="outline" onClick={close}>
<UIGlobal_Modal
title={"Anda yakin ingin menghapus donasi ini ?"}
opened={openModal}
close={() => setOpenModal(false)}
buttonKiri={
<Button radius={"xl"} onClick={() => setOpenModal(false)}>
Batal
</Button>
<Button
radius={"xl"}
variant="outline"
color="red"
onClick={() => onDelete()}
>
}
buttonKanan={
<Button radius={"xl"} color="red" onClick={() => onDelete()}>
Hapus
</Button>
</Group>
</Modal>
}
/>
</>
);
}

16
src/app_modules/donasi/detail/detail_reject/layout.tsx
View File

@@ -1,23 +1,21 @@
"use client";
import { AppShell } from "@mantine/core";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import { IconEdit, IconMessageShare } from "@tabler/icons-react";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
export default function LayoutDetailRejectDonasi({
export default function LayoutDetailRejectDonasi({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Detail Reject" />}>
<UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Detail Reject" />}
>
{children}
</AppComponentGlobal_LayoutTamplate>
</UIGlobal_LayoutTamplate>
</>
);
}

43
src/app_modules/donasi/detail/detail_review/index.tsx
View File

@@ -2,39 +2,20 @@
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import {
Stack,
AspectRatio,
Paper,
Title,
Progress,
Grid,
Group,
Divider,
ActionIcon,
Avatar,
Text,
Image,
Button,
Stack
} from "@mantine/core";
import {
IconClover,
IconMail,
IconMoneybag,
IconCircleChevronRight,
IconMessageChatbot,
} from "@tabler/icons-react";
import { useRouter } from "next/navigation";
import ComponentDonasi_NotedBox from "../../component/noted_box";
import { useAtom } from "jotai";
import { useRouter } from "next/navigation";
import { useState } from "react";
import ComponentDonasi_DetailDataGalangDana from "../../component/detail_galang_dana/detail_data_donasi";
import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
import { NotifPeringatan } from "../../component/notifikasi/notif_peringatan";
import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
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 ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
import { NotifPeringatan } from "../../component/notifikasi/notif_peringatan";
import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
import ComponentDonasi_DetailDataGalangDana from "../../component/detail_galang_dana/detail_data_donasi";
import { MainColor } from "@/app_modules/_global/color/color_pallet";
export default function DetailReviewDonasi({
dataDonasi,
@@ -45,7 +26,7 @@ export default function DetailReviewDonasi({
return (
<>
<Stack spacing={"xl"}>
<Stack spacing={"xl"} py={"md"}>
<ComponentDonasi_DetailDataGalangDana donasi={donasi} />
<ComponentDonasi_CeritaPenggalangMain donasi={donasi} />
<ButtonBatalReview donasi={donasi} />
@@ -81,8 +62,8 @@ function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
loaderPosition="center"
loading={isLoading ? true : false}
radius={"xl"}
bg={"red"}
color="red"
bg={"orange"}
color="orange"
onClick={() => onCLick()}
>
Batalkan Review

11
src/app_modules/donasi/detail/detail_review/layout.tsx
View File

@@ -1,11 +1,8 @@
"use client";
import { AppShell } from "@mantine/core";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import { IconEdit, IconMessageShare } from "@tabler/icons-react";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
export default function LayoutDetailReviewDonasi({
children,
@@ -15,9 +12,9 @@ export default function LayoutDetailReviewDonasi({
return (
<>
<AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Detail Review" />}>
<UIGlobal_LayoutTamplate header={<UIGlobal_LayoutHeaderTamplate title="Detail Review" />}>
{children}
</AppComponentGlobal_LayoutTamplate>
</UIGlobal_LayoutTamplate>
</>
);
}