#style:

Deskripsi :
- Perbaikan UI Donasi
## NO Issue

src/app_modules/donasi/main/galang_dana/publish.tsx

@@ -1,40 +1,40 @@
 "use client";
 
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
-import {
-  AspectRatio,
-  Box,
-  Button,
-  Card,
-  Center,
-  Divider,
-  Grid,
-  Group,
-  Image,
-  Paper,
-  Progress,
-  SimpleGrid,
-  Stack,
-  Text,
-  Title,
-} from "@mantine/core";
-import { useViewportSize } from "@mantine/hooks";
-import { useRouter } from "next/navigation";
-import toast from "react-simple-toasts";
+import ComponentDonasi_CardPublish from "../../component/card_view/box_publish";
 import { MODEL_DONASI } from "../../model/interface";
 import { useState } from "react";
-import TampilanRupiahDonasi from "../../component/tampilan_rupiah";
-import ComponentDonasi_TampilanHitungMundur from "../../component/tampilan_hitung_mundur";
-import ComponentDonasi_BoxPublish from "../../component/box_publish";
+import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
+import _ from "lodash";
+import { Box } from "@mantine/core";
 
 export default function PostingPublishDonasi({
   listPublish,
 }: {
   listPublish: MODEL_DONASI[];
 }) {
+  const [data, setData] = useState(listPublish);
+
   return (
     <>
-      <ComponentDonasi_BoxPublish dataDonasi={listPublish} path={RouterDonasi.detail_publish} />
+      {_.isEmpty(data) ? (
+        <ComponentGlobal_IsEmptyData />
+      ) : (
+        data.map((e, i) => (
+          <Box key={i}>
+            <ComponentDonasi_CardPublish
+              data={e}
+              path={RouterDonasi.detail_publish}
+            />
+          </Box>
+        ))
+      )}
     </>
   );
+
+  // return (
+  //   <>
+  //     <ComponentDonasi_CardPublish dataDonasi={listPublish} path={RouterDonasi.detail_publish} />
+  //   </>
+  // );
 }