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_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() { export default async function Page() {
return <AdminDonasi_DetailReview />; 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 { RouterDonasi } from "@/lib/router_hipmi/router_donasi";
import { MODEL_CERITA_DONASI } from "@/app_modules/donasi/model/interface"; 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 { Admin_ComponentLoadImageLandscape } from "../../_admin_global";
import { AdminColor } from "@/app_modules/_global/color/color_pallet"; 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({ export default function ComponentAdminDonasi_CeritaPenggalangDana({
cerita, cerita,
@@ -16,16 +25,18 @@ export default function ComponentAdminDonasi_CeritaPenggalangDana({
{/* <pre>{JSON.stringify(cerita, null, 2)}</pre> */} {/* <pre>{JSON.stringify(cerita, null, 2)}</pre> */}
<Paper radius={"md"} p={"md"} bg={AdminColor.softBlue}> <Paper radius={"md"} p={"md"} bg={AdminColor.softBlue}>
<Stack> <Stack>
<Title c={AdminColor.white} order={5}>Cerita Penggalang Dana</Title> <Title c={AdminColor.white} order={5}>
<Text c={AdminColor.white}>{cerita.pembukaan}</Text> Cerita Penggalang Dana
</Title>
<Comp_DangerouslySetInnerHTML props={cerita.pembukaan} />
<Box> <Box>
<Admin_ComponentLoadImageLandscape fileId={cerita.imageId} /> <Admin_ComponentLoadImageLandscape fileId={cerita.imageId} />
</Box> </Box>
<Text c={AdminColor.white}>{cerita.cerita}</Text> <Comp_DangerouslySetInnerHTML props={cerita.cerita} />
</Stack> </Stack>
</Paper> </Paper>
</> </>
); );
} }

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

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