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

fix admin

Browse Source 
- detail donasi dengan view khusus html
This commit is contained in:
Bagasbanuna02
2025-05-02 17:45:39 +08:00
parent de345ae537
commit cdc2664f6a
3 changed files with 58 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/dev/admin/donasi/detail/review/[id]/page.tsx
View File

@@ -1,8 +1,5 @@
import { AdminDonasi_DetailReview } from "@/app_modules/admin/donasi";
import { AdminDonasi_getOneById } from "@/app_modules/admin/donasi/fun/get/get_one_by_id";
export default async function Page() {
return <AdminDonasi_DetailReview />;
}

23
src/app_modules/admin/donasi/component/tampilan_detail_cerita.tsx
View File

@@ -1,10 +1,19 @@
"use client"
"use client";
import { RouterDonasi } from "@/lib/router_hipmi/router_donasi";
import { MODEL_CERITA_DONASI } from "@/app_modules/donasi/model/interface";
import { Paper, Stack, Title, Box, AspectRatio, Image, Text } from "@mantine/core";
import {
Paper,
Stack,
Title,
Box,
AspectRatio,
Image,
Text,
} from "@mantine/core";
import { Admin_ComponentLoadImageLandscape } from "../../_admin_global";
import { AdminColor } from "@/app_modules/_global/color/color_pallet";
import { Comp_DangerouslySetInnerHTML } from "@/app_modules/_global/component/new/comp_set_inner_html";
export default function ComponentAdminDonasi_CeritaPenggalangDana({
cerita,
@@ -16,16 +25,18 @@ export default function ComponentAdminDonasi_CeritaPenggalangDana({
{/* <pre>{JSON.stringify(cerita, null, 2)}</pre> */}
<Paper radius={"md"} p={"md"} bg={AdminColor.softBlue}>
<Stack>
<Title c={AdminColor.white} order={5}>Cerita Penggalang Dana</Title>
<Text c={AdminColor.white}>{cerita.pembukaan}</Text>
<Title c={AdminColor.white} order={5}>
Cerita Penggalang Dana
</Title>
<Comp_DangerouslySetInnerHTML props={cerita.pembukaan} />
<Box>
<Admin_ComponentLoadImageLandscape fileId={cerita.imageId} />
</Box>
<Text c={AdminColor.white}>{cerita.cerita}</Text>
<Comp_DangerouslySetInnerHTML props={cerita.cerita} />
</Stack>
</Paper>
</>
);
}
}

70
src/app_modules/admin/donasi/component/tampilan_detail_donasi.tsx
View File

@@ -12,6 +12,7 @@ import {
Group,
Image,
Text,
ScrollArea,
} from "@mantine/core";
import { Admin_ComponentLoadImageLandscape } from "../../_admin_global";
import ComponentAdminGlobal_TampilanRupiahDonasi from "../../_admin_global/tampilan_rupiah";
@@ -25,40 +26,51 @@ export default function ComponentAdminDonasi_TampilanDetailDonasi({
}) {
return (
<>
<Paper radius={"md"} p={"md"} bg={AdminColor.softBlue}>
<Stack>
<Title c={AdminColor.white} order={5}>Detail Data Donasi</Title>
<Paper radius={"md"} p={"md"} bg={AdminColor.softBlue} mah={500}>
<ScrollArea h={`${400}dvh`}>
<Stack>
<Box>
<Admin_ComponentLoadImageLandscape fileId={donasi.imageId} />
</Box>
<Title c={AdminColor.white} order={5}>
Detail Data Donasi
</Title>
<Stack>
<Box>
<Admin_ComponentLoadImageLandscape fileId={donasi.imageId} />
</Box>
<Stack spacing={0}>
<Title c={AdminColor.white} order={4}>{donasi.title}</Title>
<Text c={AdminColor.white} fz={"xs"}>
Durasi: {donasi.DonasiMaster_Durasi.name} hari
</Text>
</Stack>
<Stack spacing={0}>
<Title c={AdminColor.white} order={4}>
{donasi.title}
</Title>
<Text c={AdminColor.white} fz={"xs"}>
Durasi: {donasi.DonasiMaster_Durasi.name} hari
</Text>
</Stack>
<Stack spacing={0}>
<Group>
<Text fz={12} c={AdminColor.white}>Dana dibutuhkan</Text>
<Title order={4} c="blue">
<ComponentGlobal_TampilanRupiah
color={AdminColor.yellow}
nominal={+donasi.target}
/>
</Title>
</Group>
<Group>
<Text c={AdminColor.white} fz={12}>Kategori</Text>
<Title order={4} c="blue">
{donasi.DonasiMaster_Ketegori.name}
</Title>
</Group>
<Stack spacing={0}>
<Group>
<Text fz={12} c={AdminColor.white}>
Dana dibutuhkan
</Text>
<Title order={4} c="blue">
<ComponentGlobal_TampilanRupiah
color={AdminColor.yellow}
nominal={+donasi.target}
/>
</Title>
</Group>
<Group>
<Text c={AdminColor.white} fz={12}>
Kategori
</Text>
<Title order={4} c="blue">
{donasi.DonasiMaster_Ketegori.name}
</Title>
</Group>
</Stack>
</Stack>
</Stack>
</Stack>
</ScrollArea>
</Paper>
</>
);