# feat :

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

src/app_modules/event/component/card_view/card_riwayat.tsx

@@ -5,9 +5,14 @@ import { Card, Group, Stack, Text, Title } from "@mantine/core";
 
 import { useRouter } from "next/navigation";
 import { MODEL_EVENT } from "../../model/interface";
+import { useState } from "react";
+import ComponentGlobal_CardLoadingOverlay from "@/app_modules/_global/loading_card";
 
 export function ComponentEvent_CardRiwayat({ data }: { data: MODEL_EVENT }) {
   const router = useRouter();
+  const [eventId, setEventId] = useState("");
+  const [visible, setVisible] = useState(false);
+
   return (
     <>
       <Card
@@ -30,7 +35,11 @@ export function ComponentEvent_CardRiwayat({ data }: { data: MODEL_EVENT }) {
         </Card.Section>
         <Card.Section
           p={"sm"}
-          onClick={() => router.push(RouterEvent.detail_riwayat + data.id)}
+          onClick={() => {
+            setVisible(true);
+            setEventId(data?.id);
+            router.push(RouterEvent.detail_riwayat + data.id);
+          }}
         >
           <Stack>
             <Group w={"100%"} position="apart">
@@ -49,6 +58,11 @@ export function ComponentEvent_CardRiwayat({ data }: { data: MODEL_EVENT }) {
             </Text>
           </Stack>
         </Card.Section>
+        {visible && eventId !== "" ? (
+          <ComponentGlobal_CardLoadingOverlay />
+        ) : (
+          ""
+        )}
       </Card>
     </>
   );

src/app_modules/event/detail/kontribusi/index.tsx

@@ -1,20 +1,9 @@
 "use client";
 
-import {
-  Avatar,
-  Center,
-  Divider,
-  Grid,
-  Paper,
-  Stack,
-  Text,
-  Title,
-} from "@mantine/core";
-import ComponentEvent_DetailData from "../../component/detail/detail_data";
-import { MODEL_EVENT, MODEL_EVENT_PESERTA } from "../../model/interface";
-import { useState } from "react";
+import { Stack } from "@mantine/core";
 import ComponentEvent_DetailMainData from "../../component/detail/detail_main";
 import ComponentEvent_ListPeserta from "../../component/detail/list_peserta";
+import { MODEL_EVENT, MODEL_EVENT_PESERTA } from "../../model/interface";
 
 export default function Event_DetailKontribusi({
   dataEvent,
@@ -27,36 +16,12 @@ export default function Event_DetailKontribusi({
 }) {
   return (
     <>
-      <Stack spacing={"lg"}>
+      <Stack spacing={"lg"} mb={"md"}>
         <ComponentEvent_DetailMainData data={dataEvent} />
         <ComponentEvent_ListPeserta
           listPeserta={listKontributor}
           total={totalPeserta}
         />
-        {/* <Paper withBorder mt={"lg"} shadow="lg">
-          <Stack spacing={"md"} p={"md"}>
-            <Center>
-              <Title order={5}>Daftar Peserta</Title>
-            </Center>
-
-            {peserta
-              .map((e, i) => (
-                <Stack key={i} spacing={"sm"}>
-                  <Grid>
-                    <Grid.Col span={2}>
-                      <Avatar radius={"xl"} bg={"gray"} size={"md"} />
-                    </Grid.Col>
-                    <Grid.Col span={"auto"}>
-                      <Stack justify="center" h={"100%"}>
-                        <Text>Nama peserta</Text>
-                      </Stack>
-                    </Grid.Col>
-                  </Grid>
-                  <Divider />
-                </Stack>
-              ))}
-          </Stack>
-        </Paper> */}
       </Stack>
     </>
   );

src/app_modules/event/fun/get/status/get_all_status_publish.ts

@@ -0,0 +1,34 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+import { user_getOneUserId } from "@/app_modules/fun_global/get_user_token";
+
+export async function event_funGetAllStatusPublish({ page }: { page: number }) {
+  const authorId = await user_getOneUserId();
+  const takeData = 10;
+  const skipData = page * takeData - takeData;
+
+  const data = await prisma.event.findMany({
+    take: takeData,
+    skip: skipData,
+    orderBy: {
+      updatedAt: "desc",
+    },
+    where: {
+      active: true,
+      eventMaster_StatusId: "1",
+      authorId: authorId,
+      tanggal: {
+        gte: new Date(),
+      },
+    },
+    select: {
+      id: true,
+      title: true,
+      deskripsi: true,
+      tanggal: true,
+    },
+  });
+
+  return data;
+}

src/app_modules/event/main/riwayat/semua.tsx

@@ -1,29 +1,19 @@
 "use client";
 
-import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
-import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/_global/author_name_on_header";
 import {
-  Card,
-  Stack,
-  Grid,
-  Title,
-  Text,
-  Center,
   Box,
-  Loader,
+  Center,
+  Loader
 } from "@mantine/core";
-import moment from "moment";
 
-import { MODEL_EVENT } from "../../model/interface";
-import { useRouter } from "next/navigation";
-import _ from "lodash";
-import { useState } from "react";
 import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
+import _ from "lodash";
 import { ScrollOnly } from "next-scroll-loader";
-import ComponentEvent_BoxListStatus from "../../component/box_list_status";
-import { event_getAllDraft } from "../../fun/get/status/get_all_draft";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
 import { ComponentEvent_CardRiwayat } from "../../component/card_view/card_riwayat";
 import { event_getListSemuaRiwayat } from "../../fun/get/riwayat/get_list_semua_riwayat";
+import { MODEL_EVENT } from "../../model/interface";
 
 export default function Event_SemuaRiwayat({
   listData,

src/app_modules/event/main/status_page/draft.tsx

@@ -15,49 +15,43 @@ export default function Event_StatusDraft({
 }: {
   listDraft: MODEL_EVENT[];
 }) {
-   const [data, setData] = useState(listDraft);
-   const [activePage, setActivePage] = useState(1);
+  const [data, setData] = useState(listDraft);
+  const [activePage, setActivePage] = useState(1);
 
+  return (
+    <>
+      {_.isEmpty(data) ? (
+        <ComponentGlobal_IsEmptyData />
+      ) : (
+        // --- Main component --- //
+        <Box>
+          <ScrollOnly
+            height="75vh"
+            renderLoading={() => (
+              <Center mt={"lg"}>
+                <Loader color={"yellow"} />
+              </Center>
+            )}
+            data={data}
+            setData={setData}
+            moreData={async () => {
+              const loadData = await event_getAllDraft({
+                page: activePage + 1,
+              });
+              setActivePage((val) => val + 1);
 
-   return (
-     <>
-       {_.isEmpty(data) ? (
-         <ComponentGlobal_IsEmptyData />
-       ) : (
-         // --- Main component --- //
-         <Box>
-           <ScrollOnly
-             height="75vh"
-             renderLoading={() => (
-               <Center mt={"lg"}>
-                 <Loader color={"yellow"} />
-               </Center>
-             )}
-             data={data}
-             setData={setData}
-             moreData={async () => {
-               const loadData = await event_getAllDraft({
-                 page: activePage + 1,
-               });
-               setActivePage((val) => val + 1);
-
-               return loadData;
-             }}
-           >
-             {(item) => (
-               <ComponentEvent_BoxListStatus
-                 data={item}
-                 path={RouterEvent.detail_draft}
-               />
-             )}
-           </ScrollOnly>
-         </Box>
-       )}
-     </>
-   );
-
-
-
-  
-
+              return loadData;
+            }}
+          >
+            {(item) => (
+              <ComponentEvent_BoxListStatus
+                data={item}
+                path={RouterEvent.detail_draft}
+              />
+            )}
+          </ScrollOnly>
+        </Box>
+      )}
+    </>
+  );
 }

src/app_modules/event/main/status_page/publish.tsx

@@ -1,45 +1,58 @@
 "use client";
 
 import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
-import { Box, Center, Group, Paper, Stack, Text, Title } from "@mantine/core";
-import moment from "moment";
-import { useRouter } from "next/navigation";
-import { MODEL_EVENT } from "../../model/interface";
-import ComponentEvent_BoxListStatus from "../../component/box_list_status";
+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 ComponentEvent_IsEmptyData from "../../component/is_empty_data";
+import { ScrollOnly } from "next-scroll-loader";
 import { useState } from "react";
-import ComponentGlobal_CardLoadingOverlay from "@/app_modules/_global/loading_card";
+import ComponentEvent_BoxListStatus from "../../component/box_list_status";
+import { event_funGetAllStatusPublish } from "../../fun/get/status/get_all_status_publish";
+import { MODEL_EVENT } from "../../model/interface";
 
 export default function Event_StatusPublish({
   listPublish,
 }: {
   listPublish: MODEL_EVENT[];
 }) {
-  const router = useRouter();
-  
-
-  if (_.isEmpty(listPublish))
-    return <ComponentEvent_IsEmptyData text="Tidak ada data" />;
+  const [data, setData] = useState(listPublish);
+  const [activePage, setActivePage] = useState(1);
 
   return (
     <>
-      {listPublish.map((e, i) => (
-        <Box key={e.id}>
-          <Box>
-            <ComponentEvent_BoxListStatus
-              data={e}
-              path={RouterEvent.detail_publish}
-             
-            />
-            {/* {visible && e?.id === eventId ? (
-              <ComponentGlobal_CardLoadingOverlay />
-            ) : (
-              ""
-            )} */}
-          </Box>
+      {_.isEmpty(data) ? (
+        <ComponentGlobal_IsEmptyData />
+      ) : (
+        // --- Main component --- //
+        <Box>
+          <ScrollOnly
+            height="75vh"
+            renderLoading={() => (
+              <Center mt={"lg"}>
+                <ComponentGlobal_Loader size={25} />
+              </Center>
+            )}
+            data={data}
+            setData={setData}
+            moreData={async () => {
+              const loadData = await event_funGetAllStatusPublish({
+                page: activePage + 1,
+              });
+              setActivePage((val) => val + 1);
+
+              return loadData;
+            }}
+          >
+            {(item) => (
+              <ComponentEvent_BoxListStatus
+                data={item}
+                path={RouterEvent.detail_publish}
+              />
+            )}
+          </ScrollOnly>
         </Box>
-      ))}
+      )}
     </>
   );
 }