QC Investasi

# fix
Tampilan admin investasi
Tampilan admin donasi
## No issuee

src/app_modules/admin/investasi/bukti_transfer/view.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin";
+import { RouterAdminInvestasi_OLD } from "@/app/lib/router_hipmi/router_admin";
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
 import {
   Avatar,
@@ -41,7 +41,7 @@ export default function Admin_BuktiTransferInvestasi() {
     <>
       {/* Box Username */}
       {listUsername.map((e) => (
-        <Paper key={e.id} bg={"gray"} p={"md"} mb={"xs"} onClick={() => router.push(RouterAdminInvestasi.status_transfer)}>
+        <Paper key={e.id} bg={"gray"} p={"md"} mb={"xs"} onClick={() => router.push(RouterAdminInvestasi_OLD.status_transfer)}>
           <Grid align="center">
             <Grid.Col span={6}>
               <Text>Username</Text>

src/app_modules/admin/investasi/fun/fun_reject_investasi.ts

@@ -1,7 +1,7 @@
 "use server"
 
 import prisma from "@/app/lib/prisma"
-import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin"
+import { RouterAdminInvestasi_OLD } from "@/app/lib/router_hipmi/router_admin"
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi"
 import { revalidatePath } from "next/cache"
 
@@ -17,7 +17,7 @@ export default async function Admin_funRejectInvestasi(data: any) {
     })
     if(!res) return {status: 400, message: "Gagal reject"}
 
-    revalidatePath(RouterAdminInvestasi.main_investasi)
+    revalidatePath(RouterAdminInvestasi_OLD.main_investasi)
 
     return {
         status: 200,

src/app_modules/admin/investasi/halaman_aksi/view.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin";
+import { RouterAdminInvestasi_OLD } from "@/app/lib/router_hipmi/router_admin";
 import {
   Box,
   Button,
@@ -24,13 +24,13 @@ export default function Admin_HalamanAksi({idInves}: {idInves: string}) {
       id: 1,
       name: "Konfirmasi",
       desc: "Publis atau non - aktifkan proyek invetsasi",
-      route: RouterAdminInvestasi.konfirmasi,
+      route: RouterAdminInvestasi_OLD.konfirmasi,
     },
     {
       id: 2,
       name: "Bukti Transfer",
       desc: "Lihat bukti transfer investor",
-      route: RouterAdminInvestasi.bukti_transfer,
+      route: RouterAdminInvestasi_OLD.bukti_transfer,
     },
   ];
 

src/app_modules/admin/investasi/konfirmasi/view.tsx

@@ -53,7 +53,7 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import toast, { toastConfig } from "react-simple-toasts";
 import Admin_funRejectInvestasi from "../fun/fun_reject_investasi";
-import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin";
+import { RouterAdminInvestasi_OLD } from "@/app/lib/router_hipmi/router_admin";
 import "react-simple-toasts/dist/theme/dark.css";
 import { BeritaInvestasi } from "@/app_modules/investasi";
 
@@ -125,7 +125,7 @@ export default function Admin_KonfirmasiInvestasi({
     await funGantiStatusInvestasi(investasi.id, "3", "1").then((res) => {
       if (res.status === 200) {
         setTimeout(() => setPublish(false), 1000);
-        router.push(RouterAdminInvestasi.table_status_review);
+        router.push(RouterAdminInvestasi_OLD.table_status_review);
         toast("Proyek Investasi Di Publish");
       }
     });

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

@@ -1,5 +1,5 @@
 "use client";
-import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin";
+import { RouterAdminInvestasi_OLD } from "@/app/lib/router_hipmi/router_admin";
 import { MODEL_Investasi } from "@/app_modules/investasi/model/model_investasi";
 import {
   Badge,
@@ -55,7 +55,7 @@ export default function Admin_TablePublishInvestasi({
               <ActionIcon
                 variant="transparent"
                 onClick={() =>
-                  router.push(RouterAdminInvestasi.konfirmasi + `${e.id}`)
+                  router.push(RouterAdminInvestasi_OLD.konfirmasi + `${e.id}`)
                 }
               >
                 <IconEyeCheck color="green" />
@@ -72,7 +72,7 @@ export default function Admin_TablePublishInvestasi({
   return (
     <>
       <Stack>
-      <ActionIcon variant="outline" onClick={() => router.push(RouterAdminInvestasi.main_investasi)}>
+      <ActionIcon variant="outline" onClick={() => router.push(RouterAdminInvestasi_OLD.main_investasi)}>
 
           <IconChevronLeft />
         </ActionIcon>

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

@@ -1,5 +1,5 @@
 "use client";
-import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin";
+import { RouterAdminInvestasi_OLD } from "@/app/lib/router_hipmi/router_admin";
 import { MODEL_Investasi } from "@/app_modules/investasi/model/model_investasi";
 import {
   Badge,
@@ -44,7 +44,7 @@ export default function Admin_TableRejectInvestasi({
               <ActionIcon
                 variant="transparent"
                 onClick={() =>
-                  router.push(RouterAdminInvestasi.konfirmasi + `${e.id}`)
+                  router.push(RouterAdminInvestasi_OLD.konfirmasi + `${e.id}`)
                 }
               >
                 <IconEdit color="green" />
@@ -61,7 +61,7 @@ export default function Admin_TableRejectInvestasi({
   return (
     <>
       <Stack>
-      <ActionIcon variant="outline" onClick={() => router.push(RouterAdminInvestasi.main_investasi)}>
+      <ActionIcon variant="outline" onClick={() => router.push(RouterAdminInvestasi_OLD.main_investasi)}>
 
           <IconChevronLeft />
         </ActionIcon>

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

@@ -1,5 +1,5 @@
 "use client";
-import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin";
+import { RouterAdminInvestasi_OLD } from "@/app/lib/router_hipmi/router_admin";
 import { MODEL_Investasi } from "@/app_modules/investasi/model/model_investasi";
 import {
   Badge,
@@ -55,7 +55,7 @@ export default function Admin_TableReviewInvestasi({
             <ActionIcon
               variant="transparent"
               onClick={() =>
-                router.push(RouterAdminInvestasi.konfirmasi + `${e.id}`)
+                router.push(RouterAdminInvestasi_OLD.konfirmasi + `${e.id}`)
               }
             >
               <IconEdit color="green" />
@@ -71,7 +71,7 @@ export default function Admin_TableReviewInvestasi({
   return (
     <>
       <Stack>
-        <ActionIcon variant="outline" onClick={() => router.push(RouterAdminInvestasi.main_investasi)}>
+        <ActionIcon variant="outline" onClick={() => router.push(RouterAdminInvestasi_OLD.main_investasi)}>
           <IconChevronLeft />
         </ActionIcon>
         <Box>

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

@@ -1,6 +1,6 @@
 "use client";
 
-import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin";
+import { RouterAdminInvestasi_OLD } from "@/app/lib/router_hipmi/router_admin";
 import { MODEL_Investasi } from "@/app_modules/investasi/model/model_investasi";
 import {
   ActionIcon,
@@ -13,6 +13,7 @@ import {
   Group,
   Paper,
   ScrollArea,
+  SimpleGrid,
   Stack,
   Table,
   Text,
@@ -37,6 +38,7 @@ import moment from "moment";
 import _ from "lodash";
 import TableTotalInvestasi from "./table_total_investasi";
 import TablePublikasiProgresInvestasi from "./table_publikasi_progres";
+import ComponentAdminGlobal_HeaderTamplate from "../../component/header_tamplate";
 
 export default function Admin_Investasi({
   listInvestasi,
@@ -70,73 +72,57 @@ export default function Admin_Investasi({
       id: 2,
       name: "Review",
       jumlah: countReview,
-      link: RouterAdminInvestasi.table_status_review,
+      link: RouterAdminInvestasi_OLD.table_status_review,
       color: "orange",
     },
     {
       id: 3,
       name: "Publish",
       jumlah: countPublish,
-      link: RouterAdminInvestasi.table_status_publish,
+      link: RouterAdminInvestasi_OLD.table_status_publish,
       color: "green",
     },
     {
       id: 4,
       name: "Reject",
       jumlah: countReject,
-      link: RouterAdminInvestasi.table_status_reject,
+      link: RouterAdminInvestasi_OLD.table_status_reject,
       color: "red",
     },
   ];
 
   return (
     <>
-      <Stack spacing={"sm"}>
-        <Title>Investasi</Title>
-        <Divider mb={"md"} />
-        {/* Status box */}
-        <Grid mb={"md"}>
-          {listBox.map((e) => (
-            <Grid.Col sm={12} md={6} lg={3} key={e.id}>
-              <Paper
-                bg={`${e.color}.1`}
-                p={"xs"}
-                // sx={{borderStyle: "solid", borderColor: e.color}}
-              >
-                <Stack align="center" justify="center" spacing={0} mb={-35}>
-                  <Text tt={"uppercase"}>{e.name}</Text>
-                  <Text fw={"bold"} fz={50}>
-                    {e.jumlah}
-                  </Text>
-                </Stack>
-                <Group position="right">
-                  {e.link === "" ? (
-                    <ActionIcon variant="transparent">
-                      {/* <IconChevronsRight color="black" /> */}
-                    </ActionIcon>
-                  ) : (
-                    <ActionIcon
-                      variant="transparent"
-                      onClick={() => router.push(e.link)}
-                    >
-                      <IconChevronsRight color="black" />
-                    </ActionIcon>
-                  )}
-                </Group>
-              </Paper>
-            </Grid.Col>
-          ))}
-        </Grid>
+      <Stack spacing={"xl"}>
+        <ComponentAdminGlobal_HeaderTamplate name="Investasi" />
 
-        {/* Table Total & Progres */}
-        {/* <Grid>
-          <Grid.Col sm={12} md={4} lg={4}>
-            <TableTotalInvestasi totalInvestasiByUser={totalInvestasiByUser} />
-          </Grid.Col>
-          <Grid.Col sm={12} md={8} lg={8}>
-            <TablePublikasiProgresInvestasi publishProgres={publishProgres} />
-          </Grid.Col>
-        </Grid> */}
+        <SimpleGrid
+          cols={4}
+          spacing="lg"
+          breakpoints={[
+            { maxWidth: "62rem", cols: 4, spacing: "lg" },
+            { maxWidth: "48rem", cols: 2, spacing: "sm" },
+            { maxWidth: "36rem", cols: 1, spacing: "sm" },
+          ]}
+        >
+          {listBox.map((e, i) => (
+            <Paper
+              key={i}
+              bg={`${e.color}.2`}
+              shadow="md"
+              radius="md"
+              p="md"
+              // sx={{ borderColor: e.color, borderStyle: "solid" }}
+            >
+              <Group position="center">
+                <Stack align="center" spacing={0}>
+                  <Text>{e.name}</Text>
+                  <Title>{e.jumlah}</Title>
+                </Stack>
+              </Group>
+            </Paper>
+          ))}
+        </SimpleGrid>
       </Stack>
     </>
   );