# feat :

## Deskripsi :
- Notifikasi investasi
## Issue : Gerbang pembayaran

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

@@ -1,12 +1,15 @@
 "use client";
 
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
-import ComponentDonasi_CardPublish from "../../component/card_view/box_publish";
-import { MODEL_DONASI } from "../../model/interface";
-import { useState } from "react";
 import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
+import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
+import { Box, Center } from "@mantine/core";
 import _ from "lodash";
-import { Box } from "@mantine/core";
+import { ScrollOnly } from "next-scroll-loader";
+import { useState } from "react";
+import ComponentDonasi_CardPublish from "../../component/card_view/card_publish";
+import { donasi_funGetAllStatusPublish } from "../../fun/get/status/get_all_status_publish";
+import { MODEL_DONASI } from "../../model/interface";
 
 export default function PostingPublishDonasi({
   listPublish,
@@ -14,27 +17,42 @@ export default function PostingPublishDonasi({
   listPublish: MODEL_DONASI[];
 }) {
   const [data, setData] = useState(listPublish);
+  const [activePage, setActivePage] = useState(1);
 
   return (
     <>
       {_.isEmpty(data) ? (
         <ComponentGlobal_IsEmptyData />
       ) : (
-        data.map((e, i) => (
-          <Box key={i}>
-            <ComponentDonasi_CardPublish
-              data={e}
-              path={RouterDonasi.detail_publish}
-            />
-          </Box>
-        ))
+        <Box >
+          <ScrollOnly
+            height="75vh"
+            renderLoading={() => (
+              <Center>
+                <ComponentGlobal_Loader size={25} />
+              </Center>
+            )}
+            data={data}
+            setData={setData}
+            moreData={async () => {
+              const loadData = await donasi_funGetAllStatusPublish({
+                page: activePage + 1,
+              });
+
+              setActivePage((val) => val + 1);
+
+              return loadData;
+            }}
+          >
+            {(item) => (
+              <ComponentDonasi_CardPublish
+                data={item}
+                path={RouterDonasi.detail_publish}
+              />
+            )}
+          </ScrollOnly>
+        </Box>
       )}
     </>
   );
-
-  // return (
-  //   <>
-  //     <ComponentDonasi_CardPublish dataDonasi={listPublish} path={RouterDonasi.detail_publish} />
-  //   </>
-  // );
 }