src/app/api/admin/donasi/status/[name]/route.ts

@@ -42,8 +42,13 @@ export async function GET(request: Request,
                     imageDonasi: true,
                     DonasiMaster_Ketegori: true,
                     DonasiMaster_Durasi: true,
-                    imageId: true,
-                },
+                    Author: {
+                      select: {
+                        id: true,
+                        username: true,
+                      },
+                    },
+                  },
             })
         } else {
             const data = await prisma.donasi.findMany({
@@ -71,9 +76,13 @@ export async function GET(request: Request,
                     imageDonasi: true,
                     DonasiMaster_Ketegori: true,
                     DonasiMaster_Durasi: true,
-                    imageId: true,
-
-                },
+                    Author: {
+                      select: {
+                        id: true,
+                        username: true,
+                      },
+                    },
+                  },
             })
 
             const nCount = await prisma.donasi.count({

src/app_modules/admin/donasi/component/tampilan_detail_cerita.tsx

@@ -4,6 +4,7 @@ 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 { Admin_ComponentLoadImageLandscape } from "../../_admin_global";
+import { AdminColor } from "@/app_modules/_global/color/color_pallet";
 
 export default function ComponentAdminDonasi_CeritaPenggalangDana({
   cerita,
@@ -13,16 +14,16 @@ export default function ComponentAdminDonasi_CeritaPenggalangDana({
   return (
     <>
       {/* <pre>{JSON.stringify(cerita, null, 2)}</pre> */}
-      <Paper radius={"md"} p={"md"} withBorder>
+      <Paper radius={"md"} p={"md"} bg={AdminColor.softBlue}>
         <Stack>
-          <Title order={5}>Cerita Penggalang Dana</Title>
-          <Text>{cerita.pembukaan}</Text>
+          <Title c={AdminColor.white} order={5}>Cerita Penggalang Dana</Title>
+          <Text c={AdminColor.white}>{cerita.pembukaan}</Text>
 
           <Box>
             <Admin_ComponentLoadImageLandscape fileId={cerita.imageId} />
           </Box>
 
-          <Text>{cerita.cerita}</Text>
+          <Text c={AdminColor.white}>{cerita.cerita}</Text>
         </Stack>
       </Paper>
     </>

src/app_modules/admin/donasi/component/tampilan_detail_donasi.tsx

@@ -16,6 +16,7 @@ import {
 import { Admin_ComponentLoadImageLandscape } from "../../_admin_global";
 import ComponentAdminGlobal_TampilanRupiahDonasi from "../../_admin_global/tampilan_rupiah";
 import { ComponentGlobal_TampilanRupiah } from "@/app_modules/_global/component";
+import { AdminColor } from "@/app_modules/_global/color/color_pallet";
 
 export default function ComponentAdminDonasi_TampilanDetailDonasi({
   donasi,
@@ -24,33 +25,33 @@ export default function ComponentAdminDonasi_TampilanDetailDonasi({
 }) {
   return (
     <>
-      <Paper radius={"md"} p={"md"} withBorder>
+      <Paper radius={"md"} p={"md"} bg={AdminColor.softBlue}>
         <Stack>
-          <Title order={5}>Detail Data Donasi</Title>
+          <Title c={AdminColor.white} order={5}>Detail Data Donasi</Title>
           <Stack>
             <Box>
               <Admin_ComponentLoadImageLandscape fileId={donasi.imageId} />
             </Box>
 
             <Stack spacing={0}>
-              <Title order={4}>{donasi.title}</Title>
-              <Text fz={"xs"}>
+              <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}>Dana dibutuhkan</Text>
+                <Text fz={12} c={AdminColor.white}>Dana dibutuhkan</Text>
                 <Title order={4} c="blue">
                   <ComponentGlobal_TampilanRupiah
-                    color="black"
+                    color={AdminColor.yellow}
                     nominal={+donasi.target}
                   />
                 </Title>
               </Group>
               <Group>
-                <Text fz={12}>Kategori</Text>
+                <Text c={AdminColor.white} fz={12}>Kategori</Text>
                 <Title order={4} c="blue">
                   {donasi.DonasiMaster_Ketegori.name}
                 </Title>