Merge pull request #30 from bipproduction/investasi/payment_gateway

Investasi/payment gateway

.env

@@ -6,3 +6,5 @@
 
 DATABASE_URL="postgresql://bip:Production_123@localhost:5433/hipmi?schema=public"
 PWD="QWERTYUIOPLKJHGFDSAZXCVBNMQAZWSXEDCRFVTGBYHNUJMIKOLPPOIUYTREWQLKJHGFDSAMNBVCXZlghvftyguhijknhbgvcfytguu8okjnhbgvfty7u8oilkjnhgvtygu7u8ojilnkhbgvhujnkhghvjhukjnhb"
+Client_KEY="SB-Mid-client-9NDTxltqdZrEB9m-"
+Server_KEY="SB-Mid-server-NyltU-U7fLVQd1nv1LWBKylr"

package.json

@@ -30,6 +30,7 @@
     "iron-session": "^6.3.1",
     "jotai": "^2.4.3",
     "lodash": "^4.17.21",
+    "midtrans-client": "^1.3.1",
     "moment": "^2.29.4",
     "next": "^13.5.4-canary.8",
     "postcss": "8.4.27",

prisma/schema.prisma

@@ -100,21 +100,23 @@ model MasterBidangBisnis {
 // -------------------- INVESTASI --------------------- //
 // Table investasi / saham
 model Investasi {
-  id            String   @id @default(cuid())
+  id          String  @id @default(cuid())
-  title         String
+  title       String
-  targetDana    String
+  targetDana  String
-  hargaLembar   String
+  hargaLembar String
-  totalLembar   String
+  totalLembar String
-  roi           String
+  roi         String
-  active        Boolean  @default(true)
+  active      Boolean @default(true)
-  createdAt     DateTime @default(now())
+
-  updatedAt     DateTime @default(now()) @updatedAt
+  countDown     DateTime?
-  author        User?    @relation(fields: [authorId], references: [id])
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+  author        User?     @relation(fields: [authorId], references: [id])
   authorId      String?
   catatan       String?
   sisaLembar    String
-  lembarTerbeli String?  @default("0")
+  lembarTerbeli String?   @default("0")
-  progress      String?  @default("0")
+  progress      String?   @default("0")
 
   MasterPeriodeDeviden      MasterPeriodeDeviden?    @relation(fields: [masterPeriodeDevidenId], references: [id])
   masterPeriodeDevidenId    String?
@@ -218,16 +220,31 @@ model MasterBank {
 }
 
 model TransaksiInvestasi {
-  id          String     @id @default(cuid())
+  id          String    @id @default(cuid())
-  Investasi   Investasi? @relation(fields: [investasiId], references: [id])
+  Investasi   Investasi @relation(fields: [investasiId], references: [id])
-  investasiId String?
+  investasiId String
-  Author      User?      @relation(fields: [authorId], references: [id])
+  Author      User      @relation(fields: [authorId], references: [id])
-  authorId    String?
+  authorId    String
+
+  namaBank            String?
+  nomorRekening       String?
+  token               String?
+  redirect_url        String?
+  quantity            String
+  price               String
+  gross_amount        String
+  merchant_name       String
+  status_code         String?
+  status_message      String?
+  transaction_id      String?
+  order_id            String?
+  payment_type        String?
+  transaction_time    String?
+  transaction_status  String?
+  fraud_status        String?
+  pdf_url             String?
+  finish_redirect_url String?
 
-  namaBank                         String
-  nomorRekening                    String
-  lembarTerbeli                    String
-  totalTransfer                    String
   active                           Boolean                         @default(true)
   createdAt                        DateTime                        @default(now())
   updatedAt                        DateTime                        @updatedAt

public/file/index.ts

@@ -0,0 +1 @@
+// Image for file

public/investasi/index.ts

@@ -0,0 +1 @@
+// Image for investasi

src/app/api/investasi/prospektus/[id]/route.ts

@@ -6,6 +6,7 @@ export async function GET(
   req: NextRequest,
   { params }: { params: { id: string } }
 ) {
+  console.log(params.id)
   const data = await prisma.prospektusInvestasi.findUnique({
     where: { id: params.id },
     select: {

src/app/dev/admin/investasi/main/page.tsx

@@ -1,7 +1,7 @@
 import { Admin_Investasi } from "@/app_modules/admin/investasi";
 import Admin_CountStatusInvestasi from "@/app_modules/admin/investasi/fun/count_status";
 import Admin_funGetAllInvestasi from "@/app_modules/admin/investasi/fun/get_all_investasi";
-import Admin_getTargetTerbesarInvestasi from "@/app_modules/admin/investasi/fun/get_target_terbesar";
+import Admin_getPublishProgresInvestasi from "@/app_modules/admin/investasi/fun/get_publish_progres";
 import Admin_getTotalInvestasiByUser from "@/app_modules/admin/investasi/fun/get_total_investasi_by_user";
 
 export default async function Page() {
@@ -11,8 +11,8 @@ export default async function Page() {
   const countPublish = await Admin_CountStatusInvestasi(3);
   const countReject = await Admin_CountStatusInvestasi(4);
   const totalInvestasiByUser = await Admin_getTotalInvestasiByUser()
-  const targetTerbesar = await Admin_getTargetTerbesarInvestasi()
+  const publishProgres = await Admin_getPublishProgresInvestasi()
-  // console.log(totalInvestasi)
+  // console.log(targetTerbesar)
 
   return (
     <>
@@ -23,6 +23,7 @@ export default async function Page() {
         countPublish={countPublish}
         countReject={countReject}
         totalInvestasiByUser={totalInvestasiByUser}
+        publishProgres={publishProgres}
 
       />
       {/* <pre>{JSON.stringify(totalInvestasiByUser, null,2)}</pre> */}

src/app/dev/admin/investasi/table_status/publish/page.tsx

@@ -0,0 +1,10 @@
+import { Admin_TablePublishInvestasi } from "@/app_modules/admin/investasi";
+import Admin_funGetAllInvestasi from "@/app_modules/admin/investasi/fun/get_all_investasi";
+
+export default async function Page() {
+  const listInvestasi = await Admin_funGetAllInvestasi();
+
+    return<>
+    <Admin_TablePublishInvestasi dataInvestsi={listInvestasi as any}/>
+    </>
+}

src/app/dev/admin/investasi/table_status/reject/page.tsx

@@ -0,0 +1,10 @@
+import { Admin_TableRejectInvestasi } from "@/app_modules/admin/investasi";
+import Admin_funGetAllInvestasi from "@/app_modules/admin/investasi/fun/get_all_investasi";
+
+export default async function Page() {
+    const dataInvestsi = await Admin_funGetAllInvestasi()
+    return <>
+    <Admin_TableRejectInvestasi dataInvestsi={dataInvestsi as any}/>
+    
+    </>
+}

src/app/dev/admin/investasi/table_status/review/page.tsx

@@ -0,0 +1,9 @@
+import { Admin_TableReviewInvestasi } from "@/app_modules/admin/investasi";
+import Admin_funGetAllInvestasi from "@/app_modules/admin/investasi/fun/get_all_investasi";
+
+export default async function Page() {
+    const dataInvestsi = await Admin_funGetAllInvestasi()
+    return <>
+    <Admin_TableReviewInvestasi  dataInvestsi={dataInvestsi as any}/>
+    </>
+}

src/app/dev/investasi/detail_prospektus/[id]/page.tsx

@@ -1,11 +1,12 @@
 import { DetailPropektus } from "@/app_modules/investasi";
 import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_by_id";
 
-export default async function Page({params}:{params: {id: string}}) {
+export default async function Page({ params }: { params: { id: string } }) {
-    const dataInvestasi = await getOneInvestasiById(params.id)
+  const dataInvestasi = await getOneInvestasiById(params.id);
 
-
+  return (
-    return<>
+    <>
-    <DetailPropektus dataInvestasi={dataInvestasi as any}/>
+      <DetailPropektus dataInvestasi={dataInvestasi as any} />
     </>
+  );
 }

src/app/dev/investasi/detail_saham_terbeli/[id]/page.tsx

@@ -1,5 +1,13 @@
 import { DetailSahamTerbeli } from "@/app_modules/investasi";
+import funTotalInvestorByIdInvestasi from "@/app_modules/investasi/fun/fun_total_investor_by_id";
+import getOneTransaksiBerhasilByIdInvestasi from "@/app_modules/investasi/fun/get_one_transaksi_berhasil_by_id";
 
 export default async function Page({ params }: { params: { id: string } }) {
-  return <DetailSahamTerbeli id={params.id} />;
+  const dataTransaksi = await getOneTransaksiBerhasilByIdInvestasi(params.id);
+  const investor = await funTotalInvestorByIdInvestasi(
+    dataTransaksi?.Investasi.id as any
+  );
+  // console.log(investor);
+
+  return <DetailSahamTerbeli dataTransaksi={dataTransaksi as any} investor={investor} />;
 }

src/app/dev/investasi/main/saham_saya/page.tsx

@@ -1,9 +1,23 @@
 import { InvestasiSahamTerbeli } from "@/app_modules/investasi";
+import getListTransaksiBerhasilInvestasi from "@/app_modules/investasi/fun/get_list_transaksi_berhasil_by_id";
+import yaml from "yaml";
+import fs from "fs";
+import { cookies } from "next/headers";
+import { unsealData } from "iron-session";
+const config = yaml.parse(fs.readFileSync("config.yaml").toString());
 
 export default async function Page() {
+  const c = cookies().get("ssn");
+  const user = JSON.parse(
+    await unsealData(c?.value as string, {
+      password: config.server.password,
+    })
+  );
+  const listTransaksi = await getListTransaksiBerhasilInvestasi(user.id)
+  // console.log(listTransaksi)
   return (
     <>
-      <InvestasiSahamTerbeli />
+      <InvestasiSahamTerbeli listTransaksi={listTransaksi as any} />
     </>
   );
 }

src/app/dev/investasi/main/transaksi/page.tsx

@@ -20,6 +20,7 @@ export default async function Page() {
   const userId = tkn.id;
   const statusTransaksi = await getMaster_StatusTransaksiInvestasi();
   const listTransaksi = await getListAllTransaksiById_Investasi(userId);
+  // console.log(listTransaksi)
   
   return (
     <>

src/app/dev/investasi/proses_transaksi/[id]/layout.tsx

@@ -0,0 +1,12 @@
+import { LayoutProsesTransaksiInvestasi } from "@/app_modules/investasi";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <LayoutProsesTransaksiInvestasi>{children}</LayoutProsesTransaksiInvestasi>
+  );
+}

src/app/dev/investasi/proses_transaksi/[id]/page.tsx

@@ -0,0 +1,29 @@
+import { ProsesTransaksiInvestasi } from "@/app_modules/investasi";
+import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_by_id";
+import { unsealData } from "iron-session";
+import { cookies } from "next/headers";
+import { funGetUserProfile } from "@/app_modules/fun/get_user_profile";
+import yaml from "yaml";
+import fs from "fs";
+const config = yaml.parse(fs.readFileSync("config.yaml").toString());
+
+export default async function Page({ params }: { params: { id: string } }) {
+  const c = cookies().get("ssn");
+  const user = JSON.parse(
+    await unsealData(c?.value as string, {
+      password: config.server.password,
+    })
+  );
+
+  const userLogin = await funGetUserProfile(user.id);
+  const dataInvestasi = await getOneInvestasiById(params.id);
+  // console.log(userLogin);
+  return (
+    <>
+      <ProsesTransaksiInvestasi
+        dataInvestasi={dataInvestasi as any}
+        userLogin={userLogin as any}
+      />
+    </>
+  );
+}

src/app/lib/router_hipmi/router_admin.ts

@@ -8,7 +8,10 @@ export const RouterAdminInvestasi = {
   halaman_aksi: "/dev/admin/investasi/halaman_aksi/",
   konfirmasi: "/dev/admin/investasi/konfirmasi/",
   bukti_transfer: "/dev/admin/investasi/bukti_transfer",
-  status_transfer: "/dev/admin/investasi/status_transfer"
+  status_transfer: "/dev/admin/investasi/status_transfer",
+  table_status_publish: "/dev/admin/investasi/table_status/publish",
+  table_status_review: "/dev/admin/investasi/table_status/review",
+  table_status_reject: "/dev/admin/investasi/table_status/reject",
 };
 
 export const RouterAdminAward = {

src/app/lib/router_hipmi/router_investasi.ts

@@ -18,6 +18,7 @@ export const RouterInvestasi = {
 
   // proses beli saham
   proses_investasi: "/dev/investasi/proses_investasi/",
+  proses_transaksi: "/dev/investasi/proses_transaksi/",
   status_transaksi: "/dev/investasi/status_transaksi/berhasil",
   status_transaksi_gagal: "/dev/investasi/status_transaksi/gagal/",
   metode_transfer: "/dev/investasi/metode_transfer/",
@@ -30,6 +31,7 @@ export const RouterInvestasi = {
   edit_berita: "/dev/investasi/edit_berita/",
 
   // detail //
+  detail: "/dev/investasi/detail/",
   detail_portofolio: "",
   detail_saham_terbeli: "/dev/investasi/detail_saham_terbeli/",
   detail_prospektus: "/dev/investasi/detail_prospektus/",

src/app_modules/admin/award/main.tsx

@@ -1,9 +1,15 @@
 "use client"
 
-import { Title } from "@mantine/core"
+import { Divider, Stack, Title } from "@mantine/core"
 
 export default function Admin_Award(){
     return<>
-    <Title>halaman award</Title>
+    <Stack spacing={"sm"}>
+        <Title>Award</Title>
+        <Divider mb={"md"} />
+        <Stack align="center" justify="center" h={"80vh"}>
+          <Title>Cooming Soon !!</Title>
+        </Stack>
+      </Stack>
     </>
 }

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

@@ -1,36 +1,39 @@
-"use server"
+"use server";
 
-import prisma from "@/app/lib/prisma"
+import prisma from "@/app/lib/prisma";
 
 export default async function Admin_funGetAllInvestasi() {
-    const res = await prisma.investasi.findMany({
+  const res = await prisma.investasi.findMany({
-        where: {
+    where: {
-            MasterStatusInvestasi: {
+      MasterStatusInvestasi: {
-                name: {
+        name: {
-                    not: "Draft"
+          not: "Draft",
-                }
-            }
         },
-        select: {
+      },
-            id: true,
+    },
-            title: true,
+    select: {
-            authorId: true,
+      id: true,
-            hargaLembar: true,
+      title: true,
-            targetDana: true,
+      authorId: true,
-            totalLembar: true,
+      hargaLembar: true,
-            roi: true,
+      targetDana: true,
-            active: true,
+      totalLembar: true,
-            imagesId: true,
+      roi: true,
-            catatan: true,
+      active: true,
-            MasterStatusInvestasi: true,
+      imagesId: true,
-            BeritaInvestasi: true,
+      catatan: true,
-            DokumenInvestasi: true,
+      MasterStatusInvestasi: true,
-            ProspektusInvestasi: true,
+      BeritaInvestasi: true,
-            MasterPembagianDeviden: true,
+      DokumenInvestasi: true,
-            MasterPencarianInvestor: true,
+      ProspektusInvestasi: true,
-            MasterPeriodeDeviden: true,
+      MasterPembagianDeviden: true,
-          },
+      MasterPencarianInvestor: true,
-    })
+      MasterPeriodeDeviden: true,
-    // console.log(res)
+      author: true,
-    return res
+      progress: true,
+      sisaLembar: true
+    },
+  });
+  // console.log(res)
+  return res;
 }

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

@@ -3,20 +3,31 @@
 import prisma from "@/app/lib/prisma";
 import _ from "lodash";
 
-export default async function Admin_getTargetTerbesarInvestasi() {
+export default async function Admin_getPublishProgresInvestasi() {
   const data = await prisma.investasi.findMany({
     orderBy: {
-      targetDana: "desc",
+      updatedAt: "desc"
     },
+    where: {
+      MasterStatusInvestasi: {
+        name: "Publish",
+      },
+    },
+
     select: {
+      id: true,
+
       author: {
         select: {
           username: true,
         },
       },
+      updatedAt: true,
       targetDana: true,
+      progress: true,
     },
   });
 
-//   console.log(data)
+  //   console.log(data)
+  return data;
 }

src/app_modules/admin/investasi/index.tsx

@@ -7,6 +7,9 @@ import Admin_BuktiTransferInvestasi from "./bukti_transfer/view";
 import Admin_LayoutBuktiTransferInvestasi from "./bukti_transfer/layout";
 import Admin_StatusTransferInvesatasi from "./status_transfer/view";
 import Admin_LayoutStatusTransferInvesatasi from "./status_transfer/layout";
+import Admin_TableReviewInvestasi from "./main/table_review";
+import Admin_TablePublishInvestasi from "./main/table_publish";
+import Admin_TableRejectInvestasi from "./main/table_reject";
 
 export {
   Admin_Investasi,
@@ -18,4 +21,7 @@ export {
   Admin_LayoutBuktiTransferInvestasi,
   Admin_StatusTransferInvesatasi,
   Admin_LayoutStatusTransferInvesatasi,
+  Admin_TablePublishInvestasi,
+  Admin_TableReviewInvestasi,
+  Admin_TableRejectInvestasi,
 };

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

@@ -51,8 +51,13 @@ import _ from "lodash";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import toast from "react-simple-toasts";
+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 "react-simple-toasts/dist/theme/dark.css";
+import { BeritaInvestasi } from "@/app_modules/investasi";
+
+toastConfig({ theme: "dark" });
 
 export default function Admin_KonfirmasiInvestasi({
   dataInvestasi,
@@ -101,13 +106,14 @@ export default function Admin_KonfirmasiInvestasi({
   async function onReject() {
     const body = {
       id: investasi.id,
-      catatan: catatan,
+      catatan: investasi.catatan,
       status: "4",
     };
     if (_.isEmpty(body.catatan)) return toast("Lengkapi alasan");
     await Admin_funRejectInvestasi(body).then((res) => {
       if (res.status === 200) {
         toast(res.message);
+        router.back();
         toggle();
       } else {
         toast(res.message);
@@ -116,9 +122,13 @@ export default function Admin_KonfirmasiInvestasi({
   }
 
   async function onPublish() {
-    const res = await funGantiStatusInvestasi(investasi.id, "3");
+    await funGantiStatusInvestasi(investasi.id, "3").then((res) => {
-    setTimeout(() => setPublish(false), 1000);
+      if (res.status === 200) {
-    toast("Proyek Investasi Di Publish");
+        setTimeout(() => setPublish(false), 1000);
+        router.push(RouterAdminInvestasi.table_status_review);
+        toast("Proyek Investasi Di Publish");
+      }
+    });
   }
 
   return (
@@ -146,6 +156,18 @@ export default function Admin_KonfirmasiInvestasi({
             {!publish || investasi.MasterStatusInvestasi.id === "4" ? (
               ""
             ) : (
+              //    <Button
+              //    radius={50}
+              //    leftIcon={<IconBan />}
+              //    bg={"orange"}
+              //    color="orange"
+              //    onClick={() => {
+              //      setTimeout(() => setPublish(true), 1000);
+              //      toast("Proyek Investasi Di Non-Aktifkan");
+              //    }}
+              //  >
+              //    Non - aktifkan
+              //  </Button>
               <Button
                 radius={50}
                 bg={"green"}
@@ -157,18 +179,6 @@ export default function Admin_KonfirmasiInvestasi({
               >
                 Publish
               </Button>
-              // <Button
-              //   radius={50}
-              //   leftIcon={<IconBan />}
-              //   bg={"orange"}
-              //   color="orange"
-              //   onClick={() => {
-              //     setTimeout(() => setPublish(true), 1000);
-              //     toast("Proyek Investasi Di Non-Aktifkan");
-              //   }}
-              // >
-              //   Non - aktifkan
-              // </Button>
             )}
           </Center>
           {investasi.MasterStatusInvestasi.id === "3" ? (
@@ -191,7 +201,7 @@ export default function Admin_KonfirmasiInvestasi({
 
       <Stack spacing={"lg"}>
         <Grid>
-          <Grid.Col span={4}>
+          <Grid.Col span={6}>
             {/* Title  */}
             <Center my={"sm"}>
               <Title order={4} mb={"xs"}>
@@ -209,17 +219,27 @@ export default function Admin_KonfirmasiInvestasi({
           </Grid.Col>
 
           {/* Rincian Data */}
-          <Grid.Col span={4}>
+          <Grid.Col span={6}>
-            <Grid p={"md"} mb={"md"}>
+            <Grid mt={"md"}>
               <Grid.Col span={6}>
                 <Stack>
                   <Box>
                     <Text>Dana Dibutuhkan</Text>
-                    <Text>Rp. {investasi.targetDana}</Text>
+                    <Text>
+                      Rp.{" "}
+                      {new Intl.NumberFormat("id-ID", {
+                        maximumFractionDigits: 10,
+                      }).format(+investasi.targetDana)}
+                    </Text>
                   </Box>
                   <Box>
                     <Text>Harga Per Lembar</Text>
-                    <Text>Rp.{investasi.hargaLembar} </Text>
+                    <Text>
+                      Rp.{" "}
+                      {new Intl.NumberFormat("id-ID", {
+                        maximumFractionDigits: 10,
+                      }).format(+investasi.hargaLembar)}{" "}
+                    </Text>
                   </Box>
                   <Box>
                     <Text>Jadwal Pembagian</Text>
@@ -239,7 +259,13 @@ export default function Admin_KonfirmasiInvestasi({
                   </Box>
                   <Box>
                     <Text>Total Lembar</Text>
-                    <Text> {investasi.totalLembar} lembar</Text>
+                    <Text>
+                      {" "}
+                      {new Intl.NumberFormat("id-ID", {
+                        maximumFractionDigits: 10,
+                      }).format(+investasi.totalLembar)}{" "}
+                      lembar
+                    </Text>
                   </Box>
                   <Box>
                     <Text>Pembagian Deviden</Text>
@@ -249,11 +275,14 @@ export default function Admin_KonfirmasiInvestasi({
               </Grid.Col>
             </Grid>
           </Grid.Col>
+        </Grid>
 
-          {/* Note dan dokumen */}
+        <Grid>
-          <Grid.Col span={4}>
+          <Grid.Col span={6}>
-            <Stack>
+            {/* Note */}
-              {/* Note */}
+            {!publish || investasi.MasterStatusInvestasi.id === "4" ? (
+              ""
+            ) : (
               <Stack spacing={0}>
                 <Text fw={"bold"}>Note :</Text>
                 <Text fw={"lighter"} fs={"italic"}>
@@ -263,6 +292,18 @@ export default function Admin_KonfirmasiInvestasi({
                   kekurangnya.
                 </Text>
               </Stack>
+            )}
+            {publish &&
+            investasi.MasterStatusInvestasi.id === "3" &&
+            _.isEmpty(investasi.BeritaInvestasi) ? (
+              <BeritaInvestasi dataInvestasi={investasi} />
+            ) : (
+              ""
+            )}
+          </Grid.Col>
+          {/* Note dan dokumen */}
+          <Grid.Col span={6}>
+            <Stack>
               {/* File file */}
               <Stack>
                 {/* Prospektus */}
@@ -336,7 +377,13 @@ export default function Admin_KonfirmasiInvestasi({
             autosize
             minRows={2}
             maxRows={4}
-            onChange={(val) => setCatatan(val.target.value)}
+            value={investasi.catatan === null ? [] : investasi.catatan}
+            onChange={(val) =>
+              setInvestasi({
+                ...investasi,
+                catatan: val.target.value,
+              })
+            }
           />
           <Group position="right">
             <Button radius={50} compact onClick={() => onReject()}>

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

@@ -0,0 +1,76 @@
+"use client";
+
+import {
+  Paper,
+  Stack,
+  Center,
+  Title,
+  Table,
+  Group,
+  Avatar,
+} from "@mantine/core";
+import _ from "lodash";
+import moment from "moment";
+
+export default function TablePublikasiProgresInvestasi({
+  publishProgres,
+}: {
+  publishProgres: any[];
+}) {
+  return (
+    <>
+      <Paper
+        radius={"md"}
+        bg={"gray.4"}
+        p={"sm"}
+        h={400}
+        // sx={{ borderStyle: "solid", borderColor: "teal" }}
+      >
+        <Stack spacing={"xl"}>
+          <Center>
+            <Title order={4}>Publikasi & Progres Investasi</Title>
+          </Center>
+          <Table bg={"gray.2"} sx={{borderRadius: "10px"}}>
+            <thead>
+              <tr>
+                <th>
+                  <Center>Username</Center>
+                </th>
+                <th>
+                  <Center>Publis</Center>
+                </th>
+                <th>
+                  <Center>Progres</Center>
+                </th>
+               
+              </tr>
+            </thead>
+            <tbody>
+              {_.isEmpty(publishProgres)
+                ? []
+                : publishProgres.map((e) => (
+                    <tr key={e.id}>
+                      <td>
+                        <Group position="left">
+                          <Avatar variant="gradient" radius={"xl"} />{" "}
+                          {e.author.username}
+                        </Group>
+                      </td>
+                      <td>
+                        <Center>
+                          {moment(e.updatedAt).format("DD MMM YYYY")}{" "}
+                        </Center>
+                      </td>
+                      <td>
+                        <Center>{e.progress} %</Center>
+                      </td>
+                      
+                    </tr>
+                  ))}
+            </tbody>
+          </Table>
+        </Stack>
+      </Paper>
+    </>
+  );
+}

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

@@ -1,3 +1,4 @@
+"use client";
 import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin";
 import { MODEL_Investasi } from "@/app_modules/investasi/model/model_investasi";
 import {
@@ -7,13 +8,18 @@ import {
   ScrollArea,
   Table,
   Tooltip,
+  Stack,
+  Avatar,
+  Group,
+  Text,
+  Center,
 } from "@mantine/core";
-import { IconEyeCheck } from "@tabler/icons-react";
+import { IconChevronLeft, IconEyeCheck } from "@tabler/icons-react";
 import { IconEdit, IconEye } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 
-export default function TablePublish({
+export default function Admin_TablePublishInvestasi({
   dataInvestsi,
 }: {
   dataInvestsi: MODEL_Investasi[];
@@ -21,30 +27,41 @@ export default function TablePublish({
   const [investasi, setInvestasi] = useState(dataInvestsi);
   const router = useRouter();
 
+  // console.log(investasi);
+
   const tableBody = investasi.map((e) =>
     e.MasterStatusInvestasi.id === "3" ? (
       <tr key={e.id}>
+        <td>
+          <Group position="left">
+            <Avatar variant="outline" radius={"xl"} />
+            <Text>{e.author.username}</Text>
+          </Group>
+        </td>
         <td>{e.title}</td>
         <td>
-          {e.MasterStatusInvestasi.id === "3" ? (
+          <Center> {e.progress} %</Center>
-            <Badge variant="dot" color="green">
-              {e.MasterStatusInvestasi.name}
-            </Badge>
-          ) : (
-            "-"
-          )}
         </td>
         <td>
-          <Tooltip label="Detail" withArrow position="bottom">
+          <Center> {new Intl.NumberFormat("id-ID", {maximumFractionDigits: 10}).format(+e.sisaLembar)}</Center>
-            <ActionIcon
+        </td>
-              variant="transparent"
+        <td>
-              onClick={() =>
+        <Center> {new Intl.NumberFormat("id-ID", {maximumFractionDigits: 10}).format(+e.totalLembar)}</Center>
-                router.push(RouterAdminInvestasi.konfirmasi + `${e.id}`)
+
-              }
+        </td>
-            >
+        <td>
-              <IconEyeCheck />
+          <Center>
-            </ActionIcon>
+            <Tooltip label="Detail" withArrow position="bottom">
-          </Tooltip>
+              <ActionIcon
+                variant="transparent"
+                onClick={() =>
+                  router.push(RouterAdminInvestasi.konfirmasi + `${e.id}`)
+                }
+              >
+                <IconEyeCheck color="green" />
+              </ActionIcon>
+            </Tooltip>
+          </Center>
         </td>
       </tr>
     ) : (
@@ -54,26 +71,48 @@ export default function TablePublish({
 
   return (
     <>
-      <Box my={"lg"}>
+      <Stack>
-        <ScrollArea w={"100%"}>
+      <ActionIcon variant="outline" onClick={() => router.push(RouterAdminInvestasi.main_investasi)}>
-          {/* <Title order={5} mb={5}>
+
+          <IconChevronLeft />
+        </ActionIcon>
+        <Box>
+          <ScrollArea w={"100%"}>
+            {/* <Title order={5} mb={5}>
               List Publish
             </Title> */}
-          <Badge color="green" variant="light" radius={0} size={"xl"}>
+            <Badge color="green" variant="light" radius={0} size={"xl"}>
-            Publish
+              Publish
-          </Badge>
+            </Badge>
-          <Table withBorder highlightOnHover>
+            <Table
-            <thead>
+              withBorder
-              <tr>
+              highlightOnHover
-                <th>Nama Proyek Investasi</th>
+              verticalSpacing={"md"}
-                <th>Status</th>
+              horizontalSpacing={"md"}
-                <th>Aksi</th>
+            >
-              </tr>
+              <thead>
-            </thead>
+                <tr>
-            <tbody>{tableBody}</tbody>
+                  <th>Username</th>
-          </Table>
+                  <th>Nama Proyek Investasi</th>
-        </ScrollArea>
+                  <th>
-      </Box>
+                    <Center>Progres</Center>
+                  </th>
+                  <th>
+                    <Center>Sisa Saham</Center>
+                  </th>
+                  <th>
+                    <Center>Total Saham</Center>
+                  </th>
+                  <th>
+                    <Center>Aksi</Center>
+                  </th>
+                </tr>
+              </thead>
+              <tbody>{tableBody}</tbody>
+            </Table>
+          </ScrollArea>
+        </Box>
+      </Stack>
     </>
   );
 }

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

@@ -1,3 +1,4 @@
+"use client";
 import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin";
 import { MODEL_Investasi } from "@/app_modules/investasi/model/model_investasi";
 import {
@@ -7,12 +8,18 @@ import {
   ScrollArea,
   Table,
   Tooltip,
+  Stack,
+  Center,
+  Avatar,
+  Group,
+  Text,
 } from "@mantine/core";
-import { IconEdit } from "@tabler/icons-react";
+import { IconChevronLeft, IconEdit } from "@tabler/icons-react";
+import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 
-export default function TableReject({
+export default function Admin_TableRejectInvestasi({
   dataInvestsi,
 }: {
   dataInvestsi: MODEL_Investasi[];
@@ -23,28 +30,27 @@ export default function TableReject({
   const tableBody = investasi.map((e) =>
     e.MasterStatusInvestasi.id === "4" ? (
       <tr key={e.id}>
-        <td>{e.title}</td>
         <td>
-          {e.MasterStatusInvestasi.id === "4" ? (
+          <Group position="left">
-            <Badge variant="dot" color="red">
+            <Avatar variant="outline" radius={"xl"} />
-              {e.MasterStatusInvestasi.name}
+            <Text>{e.author.username}</Text>
-            </Badge>
+          </Group>
-          ) : (
-            "-"
-          )}
         </td>
+        <td>{_.capitalize(e.title)}</td>
         <td>{e.catatan}</td>
         <td>
-          <Tooltip label="Konfirmasi" withArrow position="bottom">
+          <Center>
-            <ActionIcon
+            <Tooltip label="Konfirmasi" withArrow position="bottom">
-              variant="transparent"
+              <ActionIcon
-              onClick={() =>
+                variant="transparent"
-                router.push(RouterAdminInvestasi.konfirmasi + `${e.id}`)
+                onClick={() =>
-              }
+                  router.push(RouterAdminInvestasi.konfirmasi + `${e.id}`)
-            >
+                }
-              <IconEdit />
+              >
-            </ActionIcon>
+                <IconEdit color="green" />
-          </Tooltip>
+              </ActionIcon>
+            </Tooltip>
+          </Center>
         </td>
       </tr>
     ) : (
@@ -54,24 +60,37 @@ export default function TableReject({
 
   return (
     <>
-      <Box my={"lg"}>
+      <Stack>
-        <ScrollArea w={"100%"}>
+      <ActionIcon variant="outline" onClick={() => router.push(RouterAdminInvestasi.main_investasi)}>
-          <Badge color="red" variant="light" radius={0} size={"xl"}>
+
-            Reject
+          <IconChevronLeft />
-          </Badge>
+        </ActionIcon>
-          <Table withBorder highlightOnHover>
+        <Box>
-            <thead>
+          <ScrollArea w={"100%"}>
-              <tr>
+            <Badge color="red" variant="light" radius={0} size={"xl"}>
-                <th>Nama Proyek Investasi</th>
+              Reject
-                <th>Status</th>
+            </Badge>
-                <th>Catatan</th>
+            <Table
-                <th>Aksi</th>
+              withBorder
-              </tr>
+              highlightOnHover
-            </thead>
+              verticalSpacing={"md"}
-            <tbody>{tableBody}</tbody>
+              horizontalSpacing={"md"}
-          </Table>
+            >
-        </ScrollArea>
+              <thead>
-      </Box>
+                <tr>
+                  <th>Username</th>
+                  <th>Nama Proyek Investasi</th>
+                  <th>Catatan</th>
+                  <th>
+                    <Center>Aksi</Center>
+                  </th>
+                </tr>
+              </thead>
+              <tbody>{tableBody}</tbody>
+            </Table>
+          </ScrollArea>
+        </Box>
+      </Stack>
     </>
   );
 }

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

@@ -1,3 +1,4 @@
+"use client";
 import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin";
 import { MODEL_Investasi } from "@/app_modules/investasi/model/model_investasi";
 import {
@@ -7,12 +8,17 @@ import {
   ScrollArea,
   Table,
   Tooltip,
+  Stack,
+  Group,
+  Avatar,
+  Text,
+  Center,
 } from "@mantine/core";
-import { IconEdit } from "@tabler/icons-react";
+import { IconChevronLeft, IconEdit } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 
-export default function TableReview({
+export default function Admin_TableReviewInvestasi({
   dataInvestsi,
 }: {
   dataInvestsi: MODEL_Investasi[];
@@ -23,17 +29,28 @@ export default function TableReview({
   const tableBody = investasi.map((e) =>
     e.MasterStatusInvestasi.id === "2" ? (
       <tr key={e.id}>
-        <td>{e.title}</td>
         <td>
-          {e.MasterStatusInvestasi.id === "2" ? (
+          <Group position="left">
-            <Badge variant="dot" color="orange">
+            <Avatar variant="outline" radius={"xl"} />
-              {e.MasterStatusInvestasi.name}
+            <Text>{e.author.username}</Text>
-            </Badge>
+          </Group>
-          ) : (
-            "-"
-          )}
         </td>
         <td>
+          {e.title}
+        </td>
+        <td>
+          <Center>
+            {e.ProspektusInvestasi === null ? (
+              <Badge color="red">Unavailable</Badge>
+            ) : (
+              <Badge variant="dot" color="green">
+                Available
+              </Badge>
+            )}
+          </Center>
+        </td>
+        <td>
+          <Center>
           <Tooltip label="Konfirmasi" withArrow position="bottom">
             <ActionIcon
               variant="transparent"
@@ -41,9 +58,10 @@ export default function TableReview({
                 router.push(RouterAdminInvestasi.konfirmasi + `${e.id}`)
               }
             >
-              <IconEdit />
+              <IconEdit color="green" />
             </ActionIcon>
           </Tooltip>
+          </Center>
         </td>
       </tr>
     ) : (
@@ -52,23 +70,29 @@ export default function TableReview({
   );
   return (
     <>
-      <Box my={"lg"}>
+      <Stack>
-        <ScrollArea w={"100%"}>
+        <ActionIcon variant="outline" onClick={() => router.push(RouterAdminInvestasi.main_investasi)}>
-          <Badge color="orange" variant="light" radius={0} size={"xl"}>
+          <IconChevronLeft />
-            Review
+        </ActionIcon>
-          </Badge>
+        <Box>
-          <Table withBorder highlightOnHover>
+          <ScrollArea w={"100%"}>
-            <thead>
+            <Badge color="orange" variant="light" radius={0} size={"xl"}>
-              <tr>
+              Review
-                <th>Nama Proyek Investasi</th>
+            </Badge>
-                <th>Status</th>
+            <Table withBorder highlightOnHover verticalSpacing={"md"} horizontalSpacing={"md"}>
-                <th>Aksi</th>
+              <thead>
-              </tr>
+                <tr>
-            </thead>
+                  <th>Username</th>
-            <tbody>{tableBody}</tbody>
+                  <th>Nama Proyek Investasi</th>
-          </Table>
+                  <th><Center>File Prospektus</Center></th>
-        </ScrollArea>
+                  <th><Center>Aksi</Center></th>
-      </Box>
+                </tr>
+              </thead>
+              <tbody>{tableBody}</tbody>
+            </Table>
+          </ScrollArea>
+        </Box>
+      </Stack>
     </>
   );
 }

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

@@ -0,0 +1,61 @@
+"use client";
+
+import {
+  Paper,
+  Stack,
+  Center,
+  Title,
+  Table,
+  Group,
+  Avatar,
+} from "@mantine/core";
+
+export default function TableTotalInvestasi({
+  totalInvestasiByUser,
+}: {
+  totalInvestasiByUser: any[];
+}) {
+  return (
+    <>
+      <Paper
+        radius={"md"}
+        bg={"gray.4"}
+        p={"sm"}
+        h={400}
+        // sx={{ borderStyle: "solid", borderColor: "teal" }}
+      >
+        <Stack spacing={"xl"}>
+          <Center>
+            <Title order={4}>Total Investasi Pengguna</Title>
+          </Center>
+          <Table bg={"gray.2"} sx={{ borderRadius: "10px" }}>
+            <thead>
+              <tr>
+                <th>
+                  <Center>Username</Center>
+                </th>
+                <th>
+                  <Center>Total</Center>
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              {totalInvestasiByUser.map((e) => (
+                <tr key={e.id}>
+                  <td>
+                    <Group>
+                      <Avatar variant="gradient" radius={"xl"} /> {e.username}
+                    </Group>
+                  </td>
+                  <td>
+                    <Center>{e._count.Investasi}</Center>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </Table>
+        </Stack>
+      </Paper>
+    </>
+  );
+}

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

@@ -18,12 +18,25 @@ import {
   Text,
   Title,
 } from "@mantine/core";
-import { IconEdit } from "@tabler/icons-react";
+import {
+  IconArrowBadgeRight,
+  IconArrowBigRightLine,
+  IconArrowsMaximize,
+  IconCaretRight,
+  IconChevronsDownRight,
+  IconChevronsRight,
+  IconEdit,
+  IconZoomCheck,
+} from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import TablePublish from "./table_publish";
+import Admin_TablePublishInvestasi from "./table_publish";
-import TableReview from "./table_review";
+import Admin_TableReviewInvestasi from "./table_review";
-import TableReject from "./table_reject";
+import Admin_TableRejectInvestasi from "./table_reject";
+import moment from "moment";
+import _ from "lodash";
+import TableTotalInvestasi from "./table_total_investasi";
+import TablePublikasiProgresInvestasi from "./table_publikasi_progres";
 
 export default function Admin_Investasi({
   listInvestasi,
@@ -32,6 +45,7 @@ export default function Admin_Investasi({
   countPublish,
   countReject,
   totalInvestasiByUser,
+  publishProgres,
 }: {
   listInvestasi: MODEL_Investasi[];
   countDraft: number | any;
@@ -39,6 +53,7 @@ export default function Admin_Investasi({
   countPublish: number | any;
   countReject: number | any;
   totalInvestasiByUser: any[];
+  publishProgres: any[];
 }) {
   const [investasi, setInvestasi] = useState(listInvestasi);
   const router = useRouter();
@@ -48,84 +63,81 @@ export default function Admin_Investasi({
       id: 1,
       name: "Draft",
       jumlah: countDraft,
-      color: "yellow"
+      link: "",
+      color: "yellow",
     },
     {
       id: 2,
       name: "Review",
       jumlah: countReview,
-      color: "orange"
+      link: RouterAdminInvestasi.table_status_review,
-      
+      color: "orange",
     },
     {
       id: 3,
       name: "Publish",
       jumlah: countPublish,
-      color: "green"
+      link: RouterAdminInvestasi.table_status_publish,
-
+      color: "green",
     },
     {
       id: 4,
       name: "Reject",
       jumlah: countReject,
-      color: "red"
+      link: RouterAdminInvestasi.table_status_reject,
-
+      color: "red",
     },
   ];
 
   return (
     <>
-      <Title>Investasi</Title>
+      <Stack spacing={"sm"}>
-      <Divider mb={"md"} />
+        <Title>Investasi</Title>
-      <Grid mb={"md"}>
+        <Divider mb={"md"} />
-        {listBox.map((e) => (
+        {/* Status box */}
-          <Grid.Col sm={12} md={6} lg={3} key={e.id}>
+        <Grid mb={"md"}>
-            <Paper 
+          {listBox.map((e) => (
-            h={100} 
+            <Grid.Col sm={12} md={6} lg={3} key={e.id}>
-            p={"xs"} 
+              <Paper
-            bg={"gray"}
+                bg={`${e.color}.1`}
-            // bg={e.color}
+                p={"xs"}
-            >
+                // sx={{borderStyle: "solid", borderColor: e.color}}
-              <Center>
+              >
-                <Stack spacing={0}>
+                <Stack align="center" justify="center" spacing={0} mb={-35}>
-                  <Text>{e.name}</Text>
+                  <Text tt={"uppercase"}>{e.name}</Text>
-                  <Center>
+                  <Text fw={"bold"} fz={50}>
-                    <Text fw={"bold"} fz={40}>
+                    {e.jumlah}
-                      {e.jumlah}
+                  </Text>
-                    </Text>
-                  </Center>
                 </Stack>
-              </Center>
+                <Group position="right">
-            </Paper>
+                  {e.link === "" ? (
-          </Grid.Col>
+                    <ActionIcon variant="transparent">
-        ))}
+                      {/* <IconChevronsRight color="black" /> */}
-      </Grid>
+                    </ActionIcon>
+                  ) : (
+                    <ActionIcon
+                      variant="transparent"
+                      onClick={() => router.push(e.link)}
+                    >
+                      <IconChevronsRight color="black" />
+                    </ActionIcon>
+                  )}
+                </Group>
+              </Paper>
+            </Grid.Col>
+          ))}
+        </Grid>
 
-      <Paper w={300}  radius={"md"} p={"sm"} sx={{borderStyle: "solid", borderColor: "teal"}} >
+        {/* Table Total & Progres */}
-       <Stack spacing={"xl"}>
+        {/* <Grid>
-       <Title order={4}>Total Investasi Per User</Title>
+          <Grid.Col sm={12} md={4} lg={4}>
-        <Table >
+            <TableTotalInvestasi totalInvestasiByUser={totalInvestasiByUser} />
-          <thead>
+          </Grid.Col>
-            <tr>
+          <Grid.Col sm={12} md={8} lg={8}>
-              <th><Center>Username</Center></th>
+            <TablePublikasiProgresInvestasi publishProgres={publishProgres} />
-              <th><Center>Total</Center></th>
+          </Grid.Col>
-            </tr>
+        </Grid> */}
-          </thead>
+      </Stack>
-          <tbody>
-            {totalInvestasiByUser.map((e) => (
-              <tr key={e.id}>
-                <td><Group><Avatar variant="light" radius={"xl"}/> {e.username}</Group></td>
-                <td><Center>{e._count.Investasi}</Center></td>
-              </tr>
-            ))}
-          </tbody>
-        </Table>
-       </Stack>
-      </Paper>
-      {/* <TablePublish dataInvestsi={investasi as any} />
-      <TableReview dataInvestsi={investasi as any} />
-      <TableReject dataInvestsi={investasi as any} /> */}
-      {/* <pre>{JSON.stringify(totalInvestasiByUser, null, 2)}</pre> */}
     </>
   );
 }

src/app_modules/admin/main/view.tsx

@@ -1,13 +1,18 @@
 "use client";
 
-import { Title } from "@mantine/core";
+import { Center, Divider, Stack, Title } from "@mantine/core";
 import Admin_Investasi from "../investasi/main/view";
 
-
 export default function AdminMain() {
   return (
     <>
-      <Title>Main Dashboard</Title>
+      <Stack spacing={"sm"}>
+        <Title>Main Dashboard</Title>
+        <Divider mb={"md"} />
+        <Stack align="center" justify="center" h={"80vh"}>
+          <Title>Cooming Soon !!</Title>
+        </Stack>
+      </Stack>
     </>
   );
 }

src/app_modules/crowd/main/view.tsx

@@ -57,7 +57,7 @@ export default function MainCrowd() {
             </Grid>
           </Paper>
           <Paper
-            bg={Warna.biru}
+            bg={"blue.4"}
             radius={"md"}
             p={"xs"}
             onClick={() => toast("Cooming Soon Feature...")}

src/app_modules/home/view.tsx

@@ -131,7 +131,7 @@ export default function HomeView({ user }: { user: MODEL_User_profile }) {
         </Flex>
 
         <Paper bg={"dark"} radius={5} my={"xs"}>
-          <Image alt="logo" src={"/aset/logo.png"} />
+          <Image alt="logo" src={"/aset/investasi/home-hipmi.png"} />
         </Paper>
 
         {/* <pre>{JSON.stringify(stateUser, null, 2)}</pre> */}

src/app_modules/investasi/create/view.tsx

@@ -152,7 +152,7 @@ export default function InvestasiCreate({
               </Paper>
             ) : (
               <Paper w={"100%"} bg={"gray.6"} p={"sm"}>
-                <Text>{pdf.name}</Text>
+                <Text truncate>{pdf.name}</Text>
               </Paper>
             )}
             {/* {JSON.stringify(filePdf)} */}

src/app_modules/investasi/detail/view.tsx

@@ -73,7 +73,7 @@ export default function DetailInvestasi({
   ];
 
   async function onSubmit() {
-    router.push(RouterInvestasi.proses_investasi + `${investasi.id}`);
+    router.push(RouterInvestasi.proses_transaksi + `${investasi.id}`);
     setTransaksiValue({
       ...transaksiValue,
       lembarTerbeli: "",
@@ -224,7 +224,7 @@ export default function DetailInvestasi({
              onSubmit()
             }}
           >
-            Investasi
+            Beli Saham
           </Button>
         </Center>
       )}