# feat :

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

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

@@ -1,12 +1,14 @@
 "use client";
 
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
-import {
-  Box
-} from "@mantine/core";
 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 { ScrollOnly } from "next-scroll-loader";
+import { useState } from "react";
 import { ComponentDonasi_CardStatus } from "../../component/card_view/card_status";
+import { donasi_funGetAllStatusDraft } from "../../fun/get/status/get_all_status_draft";
 import { MODEL_DONASI } from "../../model/interface";
 
 export default function PostingDraftDonasi({
@@ -14,18 +16,51 @@ export default function PostingDraftDonasi({
 }: {
   listDraft: MODEL_DONASI[];
 }) {
-  if (_.isEmpty(listDraft)) return <ComponentGlobal_IsEmptyData />;
+  const [data, setData] = useState(listDraft);
+  const [activePage, setActivePage] = useState(1);
 
   return (
     <>
-      {listDraft.map((e, i) => (
+      {/* {listDraft.map((e, i) => (
         <Box key={i}>
           <ComponentDonasi_CardStatus
             data={e}
             path={RouterDonasi.detail_draft}
           />
         </Box>
-      ))}
+      ))} */}
+      {_.isEmpty(data) ? (
+        <ComponentGlobal_IsEmptyData />
+      ) : (
+        <Box>
+          <ScrollOnly
+            height="75vh"
+            renderLoading={() => (
+              <Center>
+                <ComponentGlobal_Loader size={25} />
+              </Center>
+            )}
+            data={data}
+            setData={setData}
+            moreData={async () => {
+              const loadData = await donasi_funGetAllStatusDraft({
+                page: activePage + 1,
+              });
+
+              setActivePage((val) => val + 1);
+
+              return loadData;
+            }}
+          >
+            {(item) => (
+              <ComponentDonasi_CardStatus
+                data={item}
+                path={RouterDonasi.detail_draft}
+              />
+            )}
+          </ScrollOnly>
+        </Box>
+      )}
     </>
   );
 }