# feat :

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

src/app_modules/admin/investasi/main/table_reject.tsx

@@ -13,11 +13,21 @@ import {
   Avatar,
   Group,
   Text,
+  Button,
+  Pagination,
+  Paper,
+  TextInput,
+  Title,
 } from "@mantine/core";
-import { IconChevronLeft, IconEdit } from "@tabler/icons-react";
+import { IconChevronLeft, IconEdit, IconSearch } from "@tabler/icons-react";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
+import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_IsEmptyData from "../../component_global/is_empty_data";
+import { adminInvestasi_funGetAllReview } from "../fun/get/get_all_review";
+import { adminInvestasi_funGetAllReject } from "../fun/get/get_all_reject";
+import { RouterAdminInvestasi } from "@/app/lib/router_admin/router_admin_investasi";
 
 export default function Admin_TableRejectInvestasi({
   dataInvestsi,
@@ -27,6 +37,15 @@ export default function Admin_TableRejectInvestasi({
   const [investasi, setInvestasi] = useState(dataInvestsi);
   const router = useRouter();
 
+  return (
+    <>
+      <Stack>
+        <ComponentAdminGlobal_HeaderTamplate name="Investasi" />
+        <TableView listData={dataInvestsi} />
+      </Stack>
+    </>
+  );
+
   const tableBody = investasi.map((e) =>
     e.MasterStatusInvestasi.id === "4" ? (
       <tr key={e.id}>
@@ -61,8 +80,10 @@ export default function Admin_TableRejectInvestasi({
   return (
     <>
       <Stack>
-      <ActionIcon variant="outline" onClick={() => router.push(RouterAdminInvestasi_OLD.main_investasi)}>
-
+        <ActionIcon
+          variant="outline"
+          onClick={() => router.push(RouterAdminInvestasi_OLD.main_investasi)}
+        >
           <IconChevronLeft />
         </ActionIcon>
         <Box>
@@ -94,3 +115,136 @@ export default function Admin_TableRejectInvestasi({
     </>
   );
 }
+
+function TableView({ listData }: { listData: any }) {
+  const router = useRouter();
+  const [data, setData] = useState<MODEL_Investasi[]>(listData.data);
+  const [nPage, setNPage] = useState(listData.nPage);
+  const [activePage, setActivePage] = useState(1);
+  const [isSearch, setSearch] = useState("");
+
+  async function onSearch(s: string) {
+    setSearch(s);
+    setActivePage(1);
+    const loadData = await adminInvestasi_funGetAllReject({
+      page: 1,
+      search: s,
+    });
+    setData(loadData.data as any);
+    setNPage(loadData.nPage);
+  }
+
+  async function onPageClick(p: any) {
+    setActivePage(p);
+    const loadData = await adminInvestasi_funGetAllReject({
+      search: isSearch,
+      page: p,
+    });
+    setData(loadData.data as any);
+    setNPage(loadData.nPage);
+  }
+
+  const tableBody = data.map((e) => (
+    <tr key={e.id}>
+      <td>
+        <Center w={200}>
+          <Text lineClamp={1}>{e.author.username}</Text>
+        </Center>
+      </td>
+      <td>
+        <Center w={400}>
+          <Text lineClamp={1}>{e.title}</Text>
+        </Center>
+      </td>
+      <td>
+        <Center w={400}>
+          <Text lineClamp={1}>{e.catatan}</Text>
+        </Center>
+      </td>
+
+      <td>
+        <Center w={200}>
+          <Button
+            color="orange"
+            radius={"xl"}
+            onClick={() =>
+              router.push(RouterAdminInvestasi.detail_reject + `${e.id}`)
+            }
+          >
+            Detail
+          </Button>
+        </Center>
+      </td>
+    </tr>
+  ));
+
+  return (
+    <>
+      <Stack spacing={"xs"} h={"100%"}>
+        <Group
+          position="apart"
+          bg={"red.4"}
+          p={"xs"}
+          style={{ borderRadius: "6px" }}
+        >
+          <Title order={4} c={"black"}>
+            Reject
+          </Title>
+          <TextInput
+            icon={<IconSearch size={20} />}
+            radius={"xl"}
+            placeholder="Cari nama proyek"
+            onChange={(val) => {
+              onSearch(val.currentTarget.value);
+            }}
+          />
+        </Group>
+
+        {_.isEmpty(data) ? (
+          <ComponentAdminGlobal_IsEmptyData />
+        ) : (
+          <Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
+            <ScrollArea w={"100%"} h={"90%"} offsetScrollbars>
+              <Table
+                verticalSpacing={"md"}
+                horizontalSpacing={"md"}
+                p={"md"}
+                w={"100%"}
+                h={"100%"}
+                striped
+                highlightOnHover
+              >
+                <thead>
+                  <tr>
+                    <th>
+                      <Center w={200}>Username</Center>
+                    </th>
+                    <th>
+                      <Center w={400}>Nama Proyek</Center>
+                    </th>
+                    <th>
+                      <Center w={400}>Catatan Penolakan</Center>
+                    </th>
+                    <th>
+                      <Center w={200}>Aksi</Center>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody>{tableBody}</tbody>
+              </Table>
+            </ScrollArea>
+            <Center mt={"xl"}>
+              <Pagination
+                value={activePage}
+                total={nPage}
+                onChange={(val) => {
+                  onPageClick(val);
+                }}
+              />
+            </Center>
+          </Paper>
+        )}
+      </Stack>
+    </>
+  );
+}