Merge pull request #253 from bipproduction/bagas/28-jan-25

Bagas/28 jan 25

package.json

@@ -69,6 +69,7 @@
     "next": "^13.5.4-canary.8",
     "next-dev": "^1.1.9",
     "next-scroll-loader": "^1.0.9",
+    "p-limit": "^6.2.0",
     "pdfjs-dist": "^4.6.82",
     "postcss": "8.4.27",
     "prisma": "^5.19.1",

prisma/schema.prisma

@@ -968,12 +968,13 @@ model EventSponsor {
   createdAt  DateTime @default(now())
   updatedAt  DateTime @updatedAt
   name       String
+  isTransfer Boolean? @default(false)
   fileName   String
   fileExt    String?
   fileId     String
 
-  Author   User?   @relation(fields: [auhtorId], references: [id])
+  Author   User?   @relation(fields: [authorId], references: [id])
-  auhtorId String?
+  authorId String?
 
   Event   Event?  @relation(fields: [eventId], references: [id])
   eventId String?

prisma/seed.ts

@@ -2,15 +2,15 @@ import prisma from "./../src/app/lib/prisma";
 import { generate_seeder } from "./../src/app_modules/_global/fun/generate_seeder";
 
 (async () => {
-  console.log("start");
+  console.log("start seeder >>");
   await generate_seeder();
 })()
   .then(() => {
-    console.log("success");
+    console.log("<< success seeder");
     process.exit(0);
   })
   .catch((e) => {
-    console.error(e);
+    console.error("<< error seeder", e);
     process.exit(1);
   })
   .finally(async () => {

src/app/api/event/sponsor/[id]/route.ts

@@ -1,4 +1,7 @@
 import { prisma } from "@/app/lib";
+import { funGetUserIdByToken } from "@/app_modules/_global/fun/get";
+import { IEventSponsor } from "@/app_modules/event/_lib/interface";
+import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 
 export async function POST(
@@ -13,40 +16,91 @@ export async function POST(
     );
   }
 
+  const userLoginId = await funGetUserIdByToken();
+
+  if (!userLoginId) {
+    return NextResponse.json(
+      { success: false, message: "User not found" },
+      { status: 401 }
+    );
+  }
+
+  try {
+    let fixData;
     const { id } = context.params;
+    const req: IEventSponsor = await request.json();
 
-  const body = await request.json();
+    fixData = await prisma.eventSponsor.create({
-  console.log("body", body);
+      data: {
-  console.log("id", id);
+        eventId: id,
-
+        name: req.name as string,
-  // const res = await prisma.eventSponsor.create({
+        fileName: req.fileName as string,
-
+        fileExt: req.fileExt as string,
-  // })
+        fileId: req.fileId as string,
+        authorId: userLoginId,
+      },
+    });
 
+    await prisma.$disconnect();
     return NextResponse.json({
       success: true,
       message: "Success create sponsor",
     });
-
+  } catch (error) {
-  //   try {
+    await prisma.$disconnect();
-  //     const { id } = context.params;
+    backendLogger.error("Error create sponsor event", error);
-
+    return NextResponse.json(
-  //     const body = await request.json();
+      { success: false, message: "Failed create sponsor" },
-  //     console.log("body",body);
+      { status: 500 }
-  //     console.log("id",id);
+    );
-
+  }
-  //     // const res = await prisma.eventSponsor.create({
+}
-
+
-  //     // })
+export async function GET(
-
+  request: Request,
-  //     return NextResponse.json({
+  context: { params: { id: string } }
-  //       success: true,
+) {
-  //       message: "Success create sponsor",
+  const method = request.method;
-  //     });
+  if (method !== "GET") {
-  //   } catch (error) {
+    return NextResponse.json(
-  //     return NextResponse.json(
+      { success: false, message: "Method not allowed" },
-  //       { success: false, message: "Failed create sponsor" },
+      { status: 405 }
-  //       { status: 500 }
+    );
-  //     );
+  }
-  //   }
+
+  try {
+    let fixData;
+    const { id } = context.params;
+
+    fixData = await prisma.eventSponsor.findUnique({
+      where: {
+        id: id,
+      },
+      include: {
+        Author: {
+          include: {
+            Profile: true,
+          },
+        },
+      },
+    });
+
+    await prisma.$disconnect();
+    return NextResponse.json({
+      success: true,
+      message: "Success create sponsor",
+      data: fixData,
+    });
+  } catch (error) {
+    backendLogger.error("Error get sponsor event", error);
+    await prisma.$disconnect();
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Failed create sponsor",
+        reason: (error as Error).message,
+      },
+      { status: 500 }
+    );
+  }
 }

src/app/api/event/sponsor/list/[id]/route.ts

@@ -0,0 +1,79 @@
+import { prisma } from "@/app/lib";
+import backendLogger from "@/util/backendLogger";
+import { NextResponse } from "next/server";
+
+export async function GET(
+  request: Request,
+  context: { params: { id: string } }
+) {
+  const method = request.method;
+  if (method !== "GET") {
+    return NextResponse.json(
+      { success: false, message: "Method not allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
+    let fixData;
+    const { id } = context.params;
+    const { searchParams } = new URL(request.url);
+    const page = searchParams.get("page");
+    const takeData = 10;
+    const skipData = Number(page) * takeData - takeData;
+
+    if (!page) {
+      fixData = await prisma.eventSponsor.findMany({
+        orderBy: {
+          createdAt: "desc",
+        },
+        where: {
+          eventId: id,
+        },
+        include: {
+          Author: {
+            include: {
+              Profile: true,
+            },
+          },
+        },
+      });
+    } else {
+      fixData = await prisma.eventSponsor.findMany({
+        take: takeData,
+        skip: skipData,
+        orderBy: {
+          createdAt: "desc",
+        },
+        where: {
+          eventId: id,
+        },
+        include: {
+          Author: {
+            include: {
+              Profile: true,
+            },
+          },
+        },
+      });
+    }
+
+    await prisma.$disconnect();
+    return NextResponse.json({
+      success: true,
+      message: "Success create sponsor",
+      data: fixData,
+    });
+  } catch (error) {
+    backendLogger.error("Error get sponsor event", error);
+    await prisma.$disconnect();
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Failed create sponsor",
+        reason: (error as Error).message,
+      },
+      { status: 500 }
+    );
+  }
+}

src/app/dev/event/detail/detail_sponsor/[id]/layout.tsx

@@ -1,10 +1,14 @@
+import { funGetUserIdByToken } from '@/app_modules/_global/fun/get';
 import LayoutEvent_DetailSponsor from '@/app_modules/event/detail/detail_sponsor/layout';
 import React from 'react';
 
-function Layout({children} : {children: React.ReactNode}) {
+async function Layout({children} : {children: React.ReactNode}) {
+  const userLoginId = await funGetUserIdByToken()
   return (
     <>
-      <LayoutEvent_DetailSponsor>{children}</LayoutEvent_DetailSponsor>
+      <LayoutEvent_DetailSponsor userLoginId={userLoginId}>
+        {children}
+      </LayoutEvent_DetailSponsor>
     </>
   );
 }

src/app/dev/event/detail/detail_sponsor/[id]/page.tsx

@@ -1,10 +1,12 @@
+import { funGetUserIdByToken } from '@/app_modules/_global/fun/get';
 import DetailSponsor_Event from '@/app_modules/event/detail/detail_sponsor';
 import React from 'react';
 
-function Page() {
+async function Page() {
+  const userLoginId = await funGetUserIdByToken();
   return (
     <>
-      <DetailSponsor_Event/>
+      <DetailSponsor_Event userLoginId={userLoginId} />
     </>
   );
 }

src/app/lib/router_hipmi/router_event.ts

@@ -43,4 +43,7 @@ export const RouterEvent = {
     `/dev/event/detail/sponsor/tambah_sponsor/${id}`,
   detail_sponsor: ({ id }: { id: string }) =>
     `/dev/event/detail/detail_sponsor/${id}`,
+
+  nominal_sponsor: ({ id }: { id: string }) =>
+    `/dev/event/detail/sponsor/nominal_sponsor/${id}`,
 };

src/app_modules/_global/fun/generate_seeder.ts

@@ -25,8 +25,9 @@ import voting_status from "../../../bin/seeder/voting/master_status.json";
 import { master_kategori_app } from "@/bin/seeder/master";
 import { new_status_transaksi_investasi } from "@/bin/seeder/investasi";
 import { master_nama_bank } from "@/bin/seeder/master";
+import pLimit from "p-limit";
 
-export async function generate_seeder() {
+async function masterUserRole() {
   for (let i of userRole) {
     await prisma.masterUserRole.upsert({
       where: {
@@ -42,7 +43,10 @@ export async function generate_seeder() {
       },
     });
   }
+  console.log("masterUserRole success");
+}
 
+async function seederUser() {
   for (let i of userSeeder) {
     await prisma.user.upsert({
       where: {
@@ -62,7 +66,10 @@ export async function generate_seeder() {
       },
     });
   }
+  console.log("user seeder success");
+}
 
+async function masterBisnis() {
   for (let i of bidangBisnis) {
     await prisma.masterBidangBisnis.upsert({
       where: {
@@ -78,7 +85,10 @@ export async function generate_seeder() {
       },
     });
   }
+  console.log("masterBisnis success");
+}
 
+async function masterPencarianInvestor() {
   for (let i of pencarianInvestor) {
     await prisma.masterPencarianInvestor.upsert({
       where: {
@@ -95,6 +105,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterPencarianInvestor success");
+}
+
+async function masterPembagianDeviden() {
   for (let i of pembagianDeviden) {
     await prisma.masterPembagianDeviden.upsert({
       where: {
@@ -111,6 +125,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterPembagianDeviden success");
+}
+
+async function masterPeriodeDeviden() {
   for (let i of periodeDeviden) {
     await prisma.masterPeriodeDeviden.upsert({
       where: {
@@ -127,6 +145,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterPeriodeDeviden success");
+}
+
+async function masterStatusInvestasi() {
   for (let i of statusInvestasi) {
     await prisma.masterStatusInvestasi.upsert({
       where: {
@@ -145,6 +167,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterStatusInvestasi success");
+}
+
+async function masterNamaBank() {
   for (let i of master_nama_bank) {
     await prisma.masterBank.upsert({
       where: {
@@ -165,6 +191,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterNamaBank success");
+}
+
+async function masterStatusTransaksiInvestasi() {
   for (let i of statusTransaksiInvestasi) {
     await prisma.masterStatusTransaksiInvestasi.upsert({
       where: {
@@ -183,6 +213,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterStatusTransaksiInvestasi success");
+}
+
+async function masterProgressInvestasi() {
   for (let i of jenisProgres) {
     await prisma.masterProgresInvestasi.upsert({
       where: {
@@ -198,6 +232,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterProgressInvestasi success");
+}
+
+async function masterStatusDonasi() {
   for (let d of donasi_status) {
     await prisma.donasiMaster_StatusDonasi.upsert({
       where: {
@@ -213,6 +251,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterStatusDonasi success");
+}
+
+async function masterKategoriDonasi() {
   for (let d of donasi_kategori) {
     await prisma.donasiMaster_Kategori.upsert({
       where: {
@@ -228,6 +270,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterKategoriDonasi success");
+}
+
+async function masterDurasiDonasi() {
   for (let d of donasi_durasi) {
     await prisma.donasiMaster_Durasi.upsert({
       where: {
@@ -243,6 +289,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterDurasiDonasi success");
+}
+
+async function masterDonasiNamaBank() {
   for (let i of donasi_namaBank) {
     await prisma.donasiMaster_Bank.upsert({
       where: {
@@ -261,6 +311,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterDonasiBank success");
+}
+
+async function masterDonasiStatusInvoice() {
   for (let d of donasi_status_invoice) {
     await prisma.donasiMaster_StatusInvoice.upsert({
       where: {
@@ -276,6 +330,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterDonasiStatusInvoice success");
+}
+
+async function masterEventStatus() {
   for (let e of event_status) {
     await prisma.eventMaster_Status.upsert({
       where: {
@@ -291,6 +349,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterEventStatus success");
+}
+
+async function masterEventTipeAcara() {
   for (let e of event_tipe_acara) {
     await prisma.eventMaster_TipeAcara.upsert({
       where: {
@@ -306,6 +368,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterEventTipeAcara success");
+}
+
+async function masterVotingStatus() {
   for (let v of voting_status) {
     await prisma.voting_Status.upsert({
       where: {
@@ -321,6 +387,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterVotingStatus success");
+}
+
+async function masterStatusProses() {
   for (let m of master_status) {
     await prisma.masterStatus.upsert({
       where: {
@@ -336,6 +406,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterStatusProses success");
+}
+
+async function masterForumKategoriReport() {
   for (let m of forum_kategori_report) {
     await prisma.forumMaster_KategoriReport.upsert({
       where: {
@@ -352,6 +426,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterForumKategoriReport success");
+}
+
+async function masterForumStatusPosting() {
   for (let s of forum_status_posting) {
     await prisma.forumMaster_StatusPosting.upsert({
       where: {
@@ -366,6 +444,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterForumStatusPosting success");
+}
+
+async function masterCollaborationIndustri() {
   for (let p of collaboration_industri) {
     await prisma.projectCollaborationMaster_Industri.upsert({
       where: {
@@ -380,6 +462,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterCollaborationIndustri success");
+}
+
+async function masterCollaborationStatus() {
   for (let p of collaboration_status) {
     await prisma.projectCollaborationMaster_Status.upsert({
       where: {
@@ -394,6 +480,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterCollaborationStatus success");
+}
+
+async function seederNomorAdmin() {
   for (let a of nomor_admin) {
     await prisma.nomorAdmin.upsert({
       where: {
@@ -410,6 +500,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("seederNomorAdmin success");
+}
+
+async function masterKategoriApp() {
   for (let a of master_kategori_app) {
     await prisma.masterKategoriApp.upsert({
       where: {
@@ -426,6 +520,10 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterKategoriApp success");
+}
+
+async function masterInvestasiNewTransaksiStatus() {
   for (let a of new_status_transaksi_investasi) {
     await prisma.investasiMaster_StatusInvoice.upsert({
       where: {
@@ -442,5 +540,45 @@ export async function generate_seeder() {
     });
   }
 
+  console.log("masterInvestasiNewTransaksiStatus success");
+}
+
+const listSeederQueue = [
+  masterUserRole,
+  seederUser,
+  masterBisnis,
+  masterPencarianInvestor,
+  masterPembagianDeviden,
+  masterPeriodeDeviden,
+  masterStatusInvestasi,
+  masterNamaBank,
+  masterStatusTransaksiInvestasi,
+  masterProgressInvestasi,
+  masterStatusDonasi,
+  masterKategoriDonasi,
+  masterDurasiDonasi,
+  masterDonasiNamaBank,
+  masterDonasiStatusInvoice,
+  masterEventStatus,
+  masterEventTipeAcara,
+  masterVotingStatus,
+  masterStatusProses,
+  masterForumKategoriReport,
+  masterForumStatusPosting,
+  masterCollaborationIndustri,
+  masterCollaborationStatus,
+  seederNomorAdmin,
+  masterKategoriApp,
+  masterInvestasiNewTransaksiStatus,
+];
+const limit = pLimit(1);
+
+export async function generate_seeder() {
+  try {
+    await Promise.all(listSeederQueue.map((fn) => limit(fn)));
+  } catch (error) {
+    console.error("error generate seeder", error);
+  }
+
   return { status: 200, success: true };
 }

src/app_modules/_global/fun/generete_seeder.back.txt

@@ -0,0 +1,465 @@
+import prisma from "@/app/lib/prisma";
+import bidangBisnis from "../../../bin/seeder/bidang_bisnis.json";
+import collaboration_industri from "../../../bin/seeder/colab/master_industri.json";
+import collaboration_status from "../../../bin/seeder/colab/master_status.json";
+import donasi_namaBank from "../../../bin/seeder/donasi/master_bank.json";
+import donasi_durasi from "../../../bin/seeder/donasi/master_durasi.json";
+import donasi_kategori from "../../../bin/seeder/donasi/master_kategori.json";
+import donasi_status from "../../../bin/seeder/donasi/master_status.json";
+import donasi_status_invoice from "../../../bin/seeder/donasi/master_status_invoice.json";
+import event_status from "../../../bin/seeder/event/master_status.json";
+import event_tipe_acara from "../../../bin/seeder/event/master_tipe_acara.json";
+import forum_kategori_report from "../../../bin/seeder/forum/master_report.json";
+import forum_status_posting from "../../../bin/seeder/forum/master_status.json";
+import jenisProgres from "../../../bin/seeder/investasi/master_progres.json";
+import pembagianDeviden from "../../../bin/seeder/investasi/pembagian_deviden.json";
+import pencarianInvestor from "../../../bin/seeder/investasi/pencarian_investor.json";
+import periodeDeviden from "../../../bin/seeder/investasi/periode_deviden.json";
+import statusInvestasi from "../../../bin/seeder/investasi/status_investasi.json";
+import statusTransaksiInvestasi from "../../../bin/seeder/investasi/status_transaksi_investasi.json";
+import master_status from "../../../bin/seeder/master_status.json";
+import nomor_admin from "../../../bin/seeder/nomor_admin.json";
+import userRole from "../../../bin/seeder/user_role.json";
+import userSeeder from "../../../bin/seeder/user_seeder.json";
+import voting_status from "../../../bin/seeder/voting/master_status.json";
+import { master_kategori_app } from "@/bin/seeder/master";
+import { new_status_transaksi_investasi } from "@/bin/seeder/investasi";
+import { master_nama_bank } from "@/bin/seeder/master";
+import pLimit from "p-limit";
+
+// PAKEK p-limit
+
+async function masterUserRole() {
+  for (let i of userRole) {
+    await prisma.masterUserRole.upsert({
+      where: {
+        id: i.id.toString(),
+      },
+      update: {
+        id: i.id.toString(),
+        name: i.name,
+      },
+      create: {
+        id: i.id.toString(),
+        name: i.name,
+      },
+    });
+  }
+  await new Promise((resolve) => setTimeout(resolve, 10000));
+  console.log("masterUserRole success");
+}
+
+async function user() {
+  for (let i of userSeeder) {
+    await prisma.user.upsert({
+      where: {
+        nomor: i.nomor,
+      },
+      create: {
+        nomor: i.nomor,
+        username: i.name,
+        masterUserRoleId: i.masterUserRoleId,
+        active: i.active,
+      },
+      update: {
+        nomor: i.nomor,
+        username: i.name,
+        masterUserRoleId: i.masterUserRoleId,
+        active: i.active,
+      },
+    });
+  }
+  console.log("user success");
+}
+
+const listAntrean = [masterUserRole, user];
+const limit = pLimit(1);
+
+(async () => {
+  console.log("start generate seeder");
+  await Promise.all(listAntrean.map((fn) => limit(fn)));
+  console.log("success generate seeder");
+})();
+
+export async function generate_seeder() {
+  for (let i of bidangBisnis) {
+    await prisma.masterBidangBisnis.upsert({
+      where: {
+        id: i.id.toString(),
+      },
+      update: {
+        id: i.id.toString(),
+        name: i.name,
+      },
+      create: {
+        id: i.id.toString(),
+        name: i.name,
+      },
+    });
+  }
+
+  for (let i of pencarianInvestor) {
+    await prisma.masterPencarianInvestor.upsert({
+      where: {
+        id: i.id.toString(),
+      },
+      update: {
+        id: i.id.toString(),
+        name: i.name,
+      },
+      create: {
+        id: i.id.toString(),
+        name: i.name,
+      },
+    });
+  }
+
+  for (let i of pembagianDeviden) {
+    await prisma.masterPembagianDeviden.upsert({
+      where: {
+        id: i.id.toString(),
+      },
+      update: {
+        id: i.id.toString(),
+        name: i.name,
+      },
+      create: {
+        id: i.id.toString(),
+        name: i.name,
+      },
+    });
+  }
+
+  for (let i of periodeDeviden) {
+    await prisma.masterPeriodeDeviden.upsert({
+      where: {
+        id: i.id.toString(),
+      },
+      update: {
+        id: i.id.toString(),
+        name: i.name,
+      },
+      create: {
+        id: i.id.toString(),
+        name: i.name,
+      },
+    });
+  }
+
+  for (let i of statusInvestasi) {
+    await prisma.masterStatusInvestasi.upsert({
+      where: {
+        id: i.id,
+      },
+      create: {
+        id: i.id,
+        name: i.name,
+        color: i.color,
+      },
+      update: {
+        id: i.id,
+        name: i.name,
+        color: i.color,
+      },
+    });
+  }
+
+  for (let i of master_nama_bank) {
+    await prisma.masterBank.upsert({
+      where: {
+        id: i.id.toString(),
+      },
+      create: {
+        id: i.id.toString(),
+        namaBank: i.namaBank,
+        namaAkun: i.namaAkun,
+        norek: i.norek.toString(),
+      },
+      update: {
+        id: i.id.toString(),
+        namaBank: i.namaBank,
+        namaAkun: i.namaAkun,
+        norek: i.norek.toString(),
+      },
+    });
+  }
+
+  for (let i of statusTransaksiInvestasi) {
+    await prisma.masterStatusTransaksiInvestasi.upsert({
+      where: {
+        id: i.id,
+      },
+      create: {
+        id: i.id,
+        name: i.name,
+        color: i.color,
+      },
+      update: {
+        id: i.id,
+        name: i.name,
+        color: i.color,
+      },
+    });
+  }
+
+  for (let i of jenisProgres) {
+    await prisma.masterProgresInvestasi.upsert({
+      where: {
+        id: i.id,
+      },
+      create: {
+        id: i.id,
+        name: i.name,
+      },
+      update: {
+        name: i.name,
+      },
+    });
+  }
+
+  for (let d of donasi_status) {
+    await prisma.donasiMaster_StatusDonasi.upsert({
+      where: {
+        id: d.id,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+      },
+      update: {
+        name: d.name,
+      },
+    });
+  }
+
+  for (let d of donasi_kategori) {
+    await prisma.donasiMaster_Kategori.upsert({
+      where: {
+        id: d.id,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+      },
+      update: {
+        name: d.name,
+      },
+    });
+  }
+
+  for (let d of donasi_durasi) {
+    await prisma.donasiMaster_Durasi.upsert({
+      where: {
+        id: d.id,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+      },
+      update: {
+        name: d.name,
+      },
+    });
+  }
+
+  for (let i of donasi_namaBank) {
+    await prisma.donasiMaster_Bank.upsert({
+      where: {
+        id: i.id,
+      },
+      create: {
+        id: i.id,
+        name: i.name,
+        norek: i.norek,
+      },
+      update: {
+        id: i.id,
+        name: i.name,
+        norek: i.norek,
+      },
+    });
+  }
+
+  for (let d of donasi_status_invoice) {
+    await prisma.donasiMaster_StatusInvoice.upsert({
+      where: {
+        id: d.id,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+      },
+      update: {
+        name: d.name,
+      },
+    });
+  }
+
+  for (let e of event_status) {
+    await prisma.eventMaster_Status.upsert({
+      where: {
+        id: e.id,
+      },
+      create: {
+        id: e.id,
+        name: e.name,
+      },
+      update: {
+        name: e.name,
+      },
+    });
+  }
+
+  for (let e of event_tipe_acara) {
+    await prisma.eventMaster_TipeAcara.upsert({
+      where: {
+        id: e.id,
+      },
+      create: {
+        id: e.id,
+        name: e.name,
+      },
+      update: {
+        name: e.name,
+      },
+    });
+  }
+
+  for (let v of voting_status) {
+    await prisma.voting_Status.upsert({
+      where: {
+        id: v.id,
+      },
+      create: {
+        id: v.id,
+        name: v.name,
+      },
+      update: {
+        name: v.name,
+      },
+    });
+  }
+
+  for (let m of master_status) {
+    await prisma.masterStatus.upsert({
+      where: {
+        id: m.id,
+      },
+      create: {
+        id: m.id,
+        name: m.name,
+      },
+      update: {
+        name: m.name,
+      },
+    });
+  }
+
+  for (let m of forum_kategori_report) {
+    await prisma.forumMaster_KategoriReport.upsert({
+      where: {
+        id: m.id as number,
+      },
+      create: {
+        title: m.title,
+        deskripsi: m.deskripsi,
+      },
+      update: {
+        title: m.title,
+        deskripsi: m.deskripsi,
+      },
+    });
+  }
+
+  for (let s of forum_status_posting) {
+    await prisma.forumMaster_StatusPosting.upsert({
+      where: {
+        id: s.id,
+      },
+      create: {
+        status: s.status,
+      },
+      update: {
+        status: s.status,
+      },
+    });
+  }
+
+  for (let p of collaboration_industri) {
+    await prisma.projectCollaborationMaster_Industri.upsert({
+      where: {
+        id: p.id,
+      },
+      create: {
+        name: p.name,
+      },
+      update: {
+        name: p.name,
+      },
+    });
+  }
+
+  for (let p of collaboration_status) {
+    await prisma.projectCollaborationMaster_Status.upsert({
+      where: {
+        id: p.id,
+      },
+      create: {
+        name: p.name,
+      },
+      update: {
+        name: p.name,
+      },
+    });
+  }
+
+  for (let a of nomor_admin) {
+    await prisma.nomorAdmin.upsert({
+      where: {
+        id: a.id,
+      },
+      create: {
+        id: a.id,
+        nomor: a.nomor,
+      },
+      update: {
+        id: a.id,
+        nomor: a.nomor,
+      },
+    });
+  }
+
+  for (let a of master_kategori_app) {
+    await prisma.masterKategoriApp.upsert({
+      where: {
+        id: a.id,
+      },
+      create: {
+        id: a.id,
+        name: a.name,
+      },
+      update: {
+        id: a.id,
+        name: a.name,
+      },
+    });
+  }
+
+  for (let a of new_status_transaksi_investasi) {
+    await prisma.investasiMaster_StatusInvoice.upsert({
+      where: {
+        id: a.id,
+      },
+      create: {
+        id: a.id,
+        name: a.name,
+      },
+      update: {
+        id: a.id,
+        name: a.name,
+      },
+    });
+  }
+
+  return { status: 200, success: true };
+}

src/app_modules/admin/event/_ui/ui_detail_peserta.tsx

@@ -3,7 +3,7 @@
 import { Stack } from "@mantine/core";
 import AdminGlobal_ComponentBackButton from "../../_admin_global/back_button";
 import { AdminEvent_ViewDetailPeserta } from "../_view";
-import { MODEL_EVENT_PESERTA } from "@/app_modules/event/model/interface";
+import { MODEL_EVENT_PESERTA } from "@/app_modules/event/_lib/interface";
 import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
 
 export function AdminEvent_UiDetailPeserta({

src/app_modules/admin/event/_view/view_detail_peserta.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { MODEL_EVENT_PESERTA } from "@/app_modules/event/model/interface";
+import { MODEL_EVENT_PESERTA } from "@/app_modules/event/_lib/interface";
 import {
   Badge,
   Button,

src/app_modules/admin/event/_view/view_table_review.tsx

@@ -8,7 +8,7 @@ import {
   ComponentGlobal_NotifikasiGagal,
   ComponentGlobal_NotifikasiPeringatan,
 } from "@/app_modules/_global/notif_global";
-import { MODEL_EVENT } from "@/app_modules/event/model/interface";
+import { MODEL_EVENT } from "@/app_modules/event/_lib/interface";
 import {
   Affix,
   Box,

src/app_modules/admin/event/child/riwayat.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterAdminEvent } from "@/app/lib/router_admin/router_admin_event";
-import { MODEL_EVENT } from "@/app_modules/event/model/interface";
+import { MODEL_EVENT } from "@/app_modules/event/_lib/interface";
 import {
   Button,
   Center,

src/app_modules/admin/event/fun/edit/fun_edit_status_reject_by_id.ts

@@ -1,7 +1,7 @@
 "use server";
 
 import prisma from "@/app/lib/prisma";
-import { MODEL_EVENT } from "@/app_modules/event/model/interface";
+import { MODEL_EVENT } from "@/app_modules/event/_lib/interface";
 import { revalidatePath } from "next/cache";
 
 export async function AdminEvent_funEditCatatanById(

src/app_modules/admin/event/table_status/table_publish.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterAdminEvent } from "@/app/lib/router_admin/router_admin_event";
-import { MODEL_EVENT } from "@/app_modules/event/model/interface";
+import { MODEL_EVENT } from "@/app_modules/event/_lib/interface";
 import {
   Box,
   Button,

src/app_modules/admin/event/table_status/table_reject.tsx

@@ -21,7 +21,7 @@ import { useRouter } from "next/navigation";
 import { useDisclosure } from "@mantine/hooks";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
-import { MODEL_EVENT } from "@/app_modules/event/model/interface";
+import { MODEL_EVENT } from "@/app_modules/event/_lib/interface";
 import { useState } from "react";
 import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import { adminEvent_funGetListReject } from "../fun";

src/app_modules/event/_lib/api_event.ts

@@ -1,3 +1,5 @@
+import { IEventSponsor } from "./interface";
+
 export const apiGetEventDetailById = async ({ id }: { id: string }) => {
   const { token } = await fetch("/api/get-cookie").then((res) => res.json());
   if (!token) return await token.json().catch(() => null);
@@ -68,14 +70,54 @@ export const apiGetEventCreateSponsor = async ({
   data,
 }: {
   id: string;
-  data: any;
+  data: IEventSponsor;
 }) => {
   const { token } = await fetch("/api/get-cookie").then((res) => res.json());
   if (!token) return await token.json().catch(() => null);
 
   const response = await fetch(`/api/event/sponsor/${id}`, {
     method: "POST",
-    body: data,
+    body: JSON.stringify(data),
+    headers: {
+      "Content-Type": "application/json",
+      Accept: "application/json",
+      "Access-Control-Allow-Origin": "*",
+      Authorization: `Bearer ${token}`,
+    },
+  });
+
+  return await response.json().catch(() => null);
+};
+
+export const apiGetEventSponsorListById = async ({
+  id,
+  page,
+}: {
+  id: string;
+  page: string;
+}) => {
+  const { token } = await fetch("/api/get-cookie").then((res) => res.json());
+  if (!token) return await token.json().catch(() => null);
+
+  const isPage = page ? `?page=${page}` : "";
+
+  const response = await fetch(`/api/event/sponsor/list/${id}${isPage}`, {
+    headers: {
+      "Content-Type": "application/json",
+      Accept: "application/json",
+      "Access-Control-Allow-Origin": "*",
+      Authorization: `Bearer ${token}`,
+    },
+  });
+
+  return await response.json().catch(() => null);
+};
+
+export const apiGetOneSponsorEventById = async ({ id }: { id: string }) => {
+  const { token } = await fetch("/api/get-cookie").then((res) => res.json());
+  if (!token) return await token.json().catch(() => null);
+
+  const response = await fetch(`/api/event/sponsor/${id}`, {
     headers: {
       "Content-Type": "application/json",
       Accept: "application/json",

src/app_modules/event/_lib/interface.ts

@@ -30,6 +30,22 @@ export interface MODEL_EVENT_PESERTA {
   userId: string;
   User: MODEL_USER;
   eventId: string;
-  isPresent: boolean
+  isPresent: boolean;
   Event: MODEL_EVENT;
 }
+
+export interface IEventSponsor {
+  id?: string;
+  isActive?: boolean;
+  createdAt?: Date;
+  updatedAt?: Date;
+  name?: string;
+  isTransfer?: boolean;
+  fileName?: string;
+  fileExt?: string;
+  fileId?: string;
+  eventId?: string;
+  Event?: MODEL_EVENT;
+  authorId?: string;
+  Author?: MODEL_USER;
+}

src/app_modules/event/_ui/konfirmasi.tsx

@@ -18,7 +18,7 @@ import { useState } from "react";
 import { event_funUpdateKehadiran } from "../fun";
 import { Event_funJoinAndConfirmEvent } from "../fun/create/fun_join_and_confirm";
 import { gs_event_hotMenu } from "../global_state";
-import { MODEL_EVENT } from "../model/interface";
+import { MODEL_EVENT } from "../_lib/interface";
 import { Event_funJoinEvent } from "../fun/create/fun_join_event";
 import "moment/locale/id";
 import { apiGetEventDetailById } from "../_lib/api_event";

src/app_modules/event/component/box_list_status.tsx

@@ -8,7 +8,7 @@ import {
 import { Card, Group, Stack, Text, Title } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import { MODEL_EVENT } from "../model/interface";
+import { MODEL_EVENT } from "../_lib/interface";
 
 export default function ComponentEvent_BoxListStatus({
   data,

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

@@ -14,7 +14,7 @@ import {
 } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import { MODEL_EVENT_PESERTA } from "../../model/interface";
+import { MODEL_EVENT_PESERTA } from "../../_lib/interface";
 
 export function ComponentEvent_CardKontributor({
   data,

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

@@ -8,7 +8,7 @@ import {
 } from "@/app_modules/_global/component";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 
 export function ComponentEvent_CardRiwayat({ data }: { data: MODEL_EVENT }) {
   const router = useRouter();

src/app_modules/event/component/detail/detail_data.tsx

@@ -2,7 +2,7 @@
 
 import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
 import { Grid, Stack, Text, Title } from "@mantine/core";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 import { MainColor } from "@/app_modules/_global/color";
 import { Event_ComponentSkeletonDetailData } from "../skeleton/comp_skeleton_detail_data";
 

src/app_modules/event/component/detail/detail_main.tsx

@@ -19,7 +19,7 @@ import "moment/locale/id";
 import { useParams } from "next/navigation";
 import { useState } from "react";
 import { apiGetEventDetailById } from "../../_lib/api_event";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 import { Event_ComponentSkeletonDetail } from "../skeleton/comp_skeleton_detail";
 import Event_ComponentBoxDaftarPeserta from "./comp_box_daftar_peserta";
 import Event_ComponentBoxDaftarSponsor from "./comp_box_sponsor";

src/app_modules/event/component/detail/list_peserta.tsx

@@ -21,7 +21,7 @@ import {
   ComponentGlobal_LoaderAvatar,
 } from "@/app_modules/_global/component";
 import { useRouter } from "next/navigation";
-import { MODEL_EVENT_PESERTA } from "../../model/interface";
+import { MODEL_EVENT_PESERTA } from "../../_lib/interface";
 import { Prisma } from "@prisma/client";
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
 import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";

src/app_modules/event/component/detail/list_sponsor.tsx

@@ -1,23 +1,66 @@
-'use client'
+"use client";
-import { RouterEvent } from '@/app/lib/router_hipmi/router_event';
+import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
-import { AccentColor, MainColor } from '@/app_modules/_global/color';
+import {
-import { Avatar, Box, Card, Flex, Group, Image, Text } from '@mantine/core';
+  ComponentGlobal_AvatarAndUsername,
-import { useParams, useRouter } from 'next/navigation';
+  ComponentGlobal_CardLoadingOverlay,
+  ComponentGlobal_CardStyles,
+} from "@/app_modules/_global/component";
+import {
+  Box,
+  Divider,
+  Grid,
+  Stack,
+  Title
+} from "@mantine/core";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
 
-function ComponentEvent_ListSponsor({ backgroundColor, border, marginBottom, height, color,  }:
+function ComponentEvent_ListSponsor({
-    {
+  backgroundColor,
+  border,
+  marginBottom,
+  height,
+  color,
+  profile,
+  data,
+}: {
   backgroundColor?: string;
   border?: string;
   marginBottom?: string | number;
   height?: string | number;
   color?: string;
-    })
+  profile: any;
-    {
+  data: any;
+}) {
   const router = useRouter();
-    const params = useParams<{ id: string }>();
+  const [visible, setVisible] = useState(false);
+
   return (
     <>
-            <Box>
+      <ComponentGlobal_CardStyles>
+        <Stack>
+          <Grid>
+            <Grid.Col span={"auto"}>
+              <ComponentGlobal_AvatarAndUsername profile={profile} />
+            </Grid.Col>
+          </Grid>
+          <Divider />
+
+          <Box
+            p={"md"}
+            onClick={() => {
+              router.push(RouterEvent.detail_sponsor({ id: data.id }));
+              setVisible(true);
+            }}
+          >
+            <Title align="center" order={2}>
+              {data?.name}
+            </Title>
+          </Box>
+        </Stack>
+        {visible && <ComponentGlobal_CardLoadingOverlay />}
+      </ComponentGlobal_CardStyles>
+      {/* <Box>
         <Card
           style={{
             backgroundColor: backgroundColor
@@ -31,19 +74,24 @@ function ComponentEvent_ListSponsor({ backgroundColor, border, marginBottom, hei
             height: height ? height : "auto",
             marginBottom: marginBottom ? marginBottom : "15px",
           }}
-                    onClick={() => router.push(RouterEvent.detail_sponsor({id: params.id}))}
+          onClick={() =>
+            router.push(RouterEvent.detail_sponsor({ id: params.id }))
+          }
         >
           <Flex gap={"md"} align={"center"} justify={"space-between"}>
             <Group>
               <Avatar radius={"xl"} size={40}>
-                                <Image src={"https://images.app.goo.gl/C7WDoF9X52HC5SJX9"} alt='' />
+                <Image
+                  src={"https://images.app.goo.gl/C7WDoF9X52HC5SJX9"}
+                  alt=""
+                />
               </Avatar>
               <Text fz={"md"}>INACO</Text>
             </Group>
-                        <Text style={{color: 'white'}}>Rp. 100.000</Text>
+            <Text style={{ color: "white" }}>Rp. 100.000</Text>
           </Flex>
         </Card>
-            </Box>
+      </Box> */}
     </>
   );
 }

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

@@ -1,16 +1,69 @@
-'use client';
+"use client";
-import { AccentColor, MainColor } from '@/app_modules/_global/color';
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
-import { ComponentGlobal_CardStyles } from '@/app_modules/_global/component';
+import {
-import { Box, Flex, Image, Stack, Text, Title } from '@mantine/core';
+  ComponentGlobal_AvatarAndUsername,
-import { IconBrandWhatsapp } from '@tabler/icons-react';
+  ComponentGlobal_CardStyles,
-import React from 'react';
+} from "@/app_modules/_global/component";
-import { TfiFacebook } from 'react-icons/tfi';
+import {
+  Box,
+  Button,
+  Center,
+  Divider,
+  Flex,
+  Grid,
+  Image,
+  SimpleGrid,
+  Stack,
+  Text,
+  Title,
+} from "@mantine/core";
+import { useShallowEffect } from "@mantine/hooks";
+import { IconBrandWhatsapp } from "@tabler/icons-react";
+import React, { useState } from "react";
+import { TfiFacebook } from "react-icons/tfi";
+import { apiGetOneSponsorEventById } from "../../_lib/api_event";
+import { useParams, useRouter } from "next/navigation";
+import { clientLogger } from "@/util/clientLogger";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { IEventSponsor } from "../../_lib/interface";
+import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
 
-function DetailSponsor_Event() {
+function DetailSponsor_Event({ userLoginId }: { userLoginId: string }) {
+  const params = useParams<{ id: string }>();
+  const router = useRouter();
+  const [data, setData] = useState<IEventSponsor | null>(null);
+  const [isLoadingTransfer, setIsLoadingTransfer] = useState(false);
+
+  useShallowEffect(() => {
+    onLoadData();
+  }, []);
+
+  async function onLoadData() {
+    try {
+      const respone = await apiGetOneSponsorEventById({
+        id: params.id,
+      });
+
+      if (respone) {
+        setData(respone.data);
+      }
+    } catch (error) {
+      clientLogger.error("Error get data sponsor", error);
+    }
+  }
+
+  if (!data) {
     return (
       <>
-      <Stack pb={"lg"}>
+        <CustomSkeleton height={200} width={"100%"} />
-        <Stack
+      </>
+    );
+  }
+
+  return (
+    <>
+      <Stack spacing={"lg"}>
+        {/* <Stack
           spacing={0}
           style={{
             padding: "15px",
@@ -25,27 +78,82 @@ function DetailSponsor_Event() {
           <Title order={4} c={MainColor.yellow}>
             Rp. 100.000
           </Title>
-        </Stack>
+        </Stack> */}
-        <ComponentGlobal_CardStyles>
+
+        {/* <ComponentGlobal_CardStyles>
           <Stack>
-            <Image src={"https://job-portal.niramasutama.com/images/Banner-INACO.png"} alt='' />
+            <Image
-            <Flex justify={"space-between"} >
+              src={
+                "https://job-portal.niramasutama.com/images/Banner-INACO.png"
+              }
+              alt=""
+            />
+            <Flex justify={"space-between"}>
               <Box>
                 <Title order={4}>INACO</Title>
               </Box>
               <Box>
                 <Title order={4}>Sosial Media:</Title>
                 <Flex align={"center"} gap={"sm"}>
-                  <TfiFacebook size={10}/>
+                  <TfiFacebook size={10} />
                   <Text fz={"sm"}>InacoJellyku</Text>
                 </Flex>
                 <Flex align={"center"} gap={"sm"}>
-                  <IconBrandWhatsapp size={10}/>
+                  <IconBrandWhatsapp size={10} />
                   <Text fz={"sm"}>+6289647038426</Text>
                 </Flex>
               </Box>
             </Flex>
           </Stack>
+        </ComponentGlobal_CardStyles> */}
+
+        <ComponentGlobal_CardStyles>
+          <Stack>
+            <ComponentGlobal_AvatarAndUsername
+              profile={data?.Author?.Profile as any}
+            />
+
+            <Divider />
+
+            <Grid>
+              <Grid.Col span={4} fw={"bold"}>
+                Nama Sponsor
+              </Grid.Col>
+              <Grid.Col span={1}>:</Grid.Col>
+              <Grid.Col span={7}>{data.name}</Grid.Col>
+            </Grid>
+
+            <Grid>
+              <Grid.Col span={4} fw={"bold"}>
+                Nominal
+              </Grid.Col>
+              <Grid.Col span={1}>:</Grid.Col>
+              <Grid.Col span={7}> Rp. {data.isTransfer ? 0 : "-"} </Grid.Col>
+            </Grid>
+
+            {userLoginId == data.authorId && (
+              <SimpleGrid cols={2} mt={"xl"}>
+                <Button
+                  loaderPosition="center"
+                  loading={isLoadingTransfer}
+                  radius={"xl"}
+                  onClick={() => {
+                    try {
+                      setIsLoadingTransfer(true);
+                      router.push(
+                        RouterEvent.nominal_sponsor({ id: params.id })
+                      );
+                    } catch (error) {
+                      console.log(error);
+                    }
+                  }}
+                >
+                  Selesaikan Transaksi
+                </Button>
+                <Button radius={"xl"}>Tampilkan Logo</Button>
+              </SimpleGrid>
+            )}
+          </Stack>
         </ComponentGlobal_CardStyles>
       </Stack>
     </>

src/app_modules/event/detail/detail_sponsor/layout.tsx

@@ -1,21 +1,83 @@
-'use client';
+"use client";
-import { AccentColor, MainColor } from '@/app_modules/_global/color';
-import { UIGlobal_DrawerCustom, UIGlobal_LayoutHeaderTamplate, UIGlobal_LayoutTamplate, UIGlobal_Modal } from '@/app_modules/_global/ui';
-import { ActionIcon, Box, Button, Center, Flex, Stack, Text } from '@mantine/core';
-import { IconDotsVertical, IconEdit, IconTrash } from '@tabler/icons-react';
-import React, { useState } from 'react';
 
-function LayoutEvent_DetailSponsor({ children }: { children: React.ReactNode }) {
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
+import {
+  UIGlobal_DrawerCustom,
+  UIGlobal_LayoutHeaderTamplate,
+  UIGlobal_LayoutTamplate,
+  UIGlobal_Modal,
+} from "@/app_modules/_global/ui";
+import {
+  ActionIcon,
+  Box,
+  Button,
+  Center,
+  Flex,
+  Stack,
+  Text,
+} from "@mantine/core";
+import { useShallowEffect } from "@mantine/hooks";
+import { IconDotsVertical, IconEdit, IconTrash } from "@tabler/icons-react";
+import React, { useState } from "react";
+import { apiGetOneSponsorEventById } from "../../_lib/api_event";
+import { useParams } from "next/navigation";
+import { clientLogger } from "@/util/clientLogger";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+
+function LayoutEvent_DetailSponsor({
+  children,
+  userLoginId,
+}: {
+  children: React.ReactNode;
+  userLoginId: string;
+}) {
+  const params = useParams<{ id: string }>();
+  const [authorId, setAuthorId] = useState<string | null>(null);
   const [openDrawer, setOpenDrawer] = useState(false);
   const [openModal, setOpenModal] = useState(false);
   const [isLoading, setLoading] = useState(false);
+
+  useShallowEffect(() => {
+    onLoadData();
+  }, []);
+
+  async function onLoadData() {
+    try {
+      const respone = await apiGetOneSponsorEventById({
+        id: params.id,
+      });
+
+      if (respone) {
+        setAuthorId(respone.data.authorId);
+      }
+    } catch (error) {
+      clientLogger.error("Error get data sponsor", error);
+    }
+  }
+
   return (
     <>
-      <UIGlobal_LayoutTamplate header={<UIGlobal_LayoutHeaderTamplate title="Detail Sponsor"
+      <UIGlobal_LayoutTamplate
+        header={
+          <UIGlobal_LayoutHeaderTamplate
+            title="Detail Sponsor"
             customButtonRight={
-          <ActionIcon variant='transparent' onClick={() => setOpenDrawer(true)}>
+              !authorId ? (
-            <IconDotsVertical color='white' />
+                <CustomSkeleton circle height={30} width={30} />
-          </ActionIcon>} />}>
+              ) : authorId == userLoginId ? (
+                <ActionIcon
+                  variant="transparent"
+                  onClick={() => setOpenDrawer(true)}
+                >
+                  <IconDotsVertical color="white" />
+                </ActionIcon>
+              ) : (
+                ""
+              )
+            }
+          />
+        }
+      >
         {children}
       </UIGlobal_LayoutTamplate>
       <UIGlobal_DrawerCustom
@@ -25,12 +87,8 @@ function LayoutEvent_DetailSponsor({ children }: { children: React.ReactNode })
           <Stack align="center" spacing={"xs"}>
             <Flex gap={200} justify={"space-between"}>
               <Box>
-                <ActionIcon
+                <ActionIcon variant="transparent" c={MainColor.white}>
-                  variant="transparent"
-                  c={MainColor.white}
-                >
                   <IconEdit />
-
                 </ActionIcon>
                 <Text fz={"sm"} align="center" color={MainColor.white}>
                   Edit
@@ -44,7 +102,6 @@ function LayoutEvent_DetailSponsor({ children }: { children: React.ReactNode })
                     onClick={() => setOpenModal(true)}
                   >
                     <IconTrash />
-
                   </ActionIcon>
                 </Center>
                 <Text fz={"sm"} ta={"center"} color={MainColor.white}>
@@ -60,7 +117,12 @@ function LayoutEvent_DetailSponsor({ children }: { children: React.ReactNode })
         opened={openModal}
         close={() => setOpenModal(false)}
         buttonKiri={
-          <Button style={{ backgroundColor: AccentColor.blue }} c={AccentColor.white} radius={"xl"} onClick={() => setOpenModal(false)}>
+          <Button
+            style={{ backgroundColor: AccentColor.blue }}
+            c={AccentColor.white}
+            radius={"xl"}
+            onClick={() => setOpenModal(false)}
+          >
             Batal
           </Button>
         }
@@ -71,7 +133,6 @@ function LayoutEvent_DetailSponsor({ children }: { children: React.ReactNode })
             loading={isLoading ? true : false}
             radius={"xl"}
             c={AccentColor.white}
-
           >
             Hapus
           </Button>

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

@@ -17,7 +17,7 @@ import { Event_ComponentSkeletonDetailData } from "../../component";
 import ComponentEvent_DetailData from "../../component/detail/detail_data";
 import { Event_funDeleteById } from "../../fun/delete/fun_delete";
 import { Event_funEditStatusById } from "../../fun/edit/fun_edit_status_by_id";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 import { AccentColor, MainColor } from "@/app_modules/_global/color";
 import { clientLogger } from "@/util/clientLogger";
 

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

@@ -2,7 +2,7 @@
 
 import { Stack, Loader, Center } from "@mantine/core";
 import ComponentEvent_ListPeserta from "../../component/detail/list_peserta";
-import { MODEL_EVENT_PESERTA } from "../../model/interface";
+import { MODEL_EVENT_PESERTA } from "../../_lib/interface";
 import { useParams } from "next/navigation";
 import ComponentEvent_ListPesertaNew from "../../component/detail/list_peserta_new";
 import { useShallowEffect } from "@mantine/hooks";

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

@@ -2,7 +2,7 @@
 
 import ComponentEvent_DetailData from "../../component/detail/detail_data";
 import ComponentEvent_ListPeserta from "../../component/detail/list_peserta";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 
 export default function Event_DetailPublish({
   dataEvent,

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

@@ -12,7 +12,7 @@ import { useState } from "react";
 import ComponentEvent_DetailData from "../../component/detail/detail_data";
 import { Event_funDeleteById } from "../../fun/delete/fun_delete";
 import { Event_funEditStatusById } from "../../fun/edit/fun_edit_status_by_id";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 import { AccentColor, MainColor } from "@/app_modules/_global/color";
 import { clientLogger } from "@/util/clientLogger";
 

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

@@ -12,7 +12,7 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import ComponentEvent_DetailData from "../../component/detail/detail_data";
 import { Event_funEditStatusById } from "../../fun/edit/fun_edit_status_by_id";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 import { IRealtimeData } from "@/app/lib/global_state";
 import { WibuRealtime } from "wibu-pkg";
 import { event_checkStatus } from "../../fun/get/fun_check_status_by_id";

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

@@ -1,10 +1,97 @@
-'use client';
+"use client";
-import ComponentEvent_ListSponsor from '../../component/detail/list_sponsor';
+import { useParams } from "next/navigation";
+import ComponentEvent_ListSponsor from "../../component/detail/list_sponsor";
+import { useShallowEffect } from "@mantine/hooks";
+import { apiGetEventSponsorListById } from "../../_lib/api_event";
+import { IEventSponsor, MODEL_EVENT } from "../../_lib/interface";
+import { Component, useState } from "react";
+import { clientLogger } from "@/util/clientLogger";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { ScrollOnly } from "next-scroll-loader";
+import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
+import { ComponentDonasi_CardInvoice } from "@/app_modules/donasi/component/card_view/card_invoice";
+import { donasi_funGetAllInvoiceByAuthorId } from "@/app_modules/donasi/fun/get/get_all_invoice_by_author_id";
+import { Box, Center, Stack } from "@mantine/core";
+import _ from "lodash";
+import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
 
 function Event_DaftarSponsor() {
+  const params = useParams<{ id: string }>();
+  const eventId = params.id;
+  const [data, setData] = useState<IEventSponsor[] | null>(null);
+  const [activePage, setActivePage] = useState(1);
+
+  useShallowEffect(() => {
+    onLoadData();
+  }, []);
+
+  async function onLoadData() {
+    try {
+      const respone = await apiGetEventSponsorListById({
+        id: eventId,
+        page: `${activePage}`,
+      });
+
+      if (respone) {
+        setData(respone.data);
+      }
+    } catch (error) {
+      clientLogger.error("Error get data sponsor", error);
+    }
+  }
+
+  if (!data) {
     return (
       <>
-      <ComponentEvent_ListSponsor/>
+        <Stack spacing={0}>
+          <CustomSkeleton height={100} width={"100%"} />;
+          <CustomSkeleton height={100} width={"100%"} />;
+        </Stack>
+      </>
+    );
+  }
+
+  return (
+    <>
+      {/* <ComponentEvent_ListSponsor /> */}
+      <Box>
+        {_.isEmpty(data) ? (
+          <ComponentGlobal_IsEmptyData />
+        ) : (
+          <ScrollOnly
+            height="82vh"
+            renderLoading={() => (
+              <Center>
+                <ComponentGlobal_Loader size={25} />
+              </Center>
+            )}
+            data={data}
+            setData={setData as any}
+            moreData={async () => {
+              try {
+                const respone = await apiGetEventSponsorListById({
+                  id: eventId,
+                  page: `${activePage + 1}`,
+                });
+
+                if (respone) {
+                  setActivePage((val) => val + 1);
+                  return respone.data;
+                }
+              } catch (error) {
+                clientLogger.error("Error get data sponsor", error);
+              }
+            }}
+          >
+            {(item) => (
+              <ComponentEvent_ListSponsor
+                profile={item?.Author?.Profile}
+                data={item}
+              />
+            )}
+          </ScrollOnly>
+        )}
+      </Box>
     </>
   );
 }

src/app_modules/event/detail/sponsor/layout.tsx

@@ -5,16 +5,43 @@ import {
   UIGlobal_LayoutHeaderTamplate,
   UIGlobal_LayoutTamplate,
 } from "@/app_modules/_global/ui";
+import { clientLogger } from "@/util/clientLogger";
 import { ActionIcon } from "@mantine/core";
-import { IconDotsVertical } from "@tabler/icons-react";
+import { useShallowEffect } from "@mantine/hooks";
+import { IconCirclePlus, IconDotsVertical } from "@tabler/icons-react";
 import { useParams } from "next/navigation";
 import React, { useState } from "react";
-import { TfiCup } from "react-icons/tfi";
+import { apiGetEventDetailById } from "../../_lib/api_event";
+import { MODEL_EVENT } from "../../_lib/interface";
+import moment from "moment";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 
 function LayoutEvent_Sponsor({ children }: { children: React.ReactNode }) {
   const params = useParams<{ id: string }>();
-
+  const eventId = params.id as string;
+  const [data, setData] = useState<MODEL_EVENT | null>(null);
   const [openDrawer, setOpenDrawer] = useState(false);
+
+  useShallowEffect(() => {
+    onLoadData();
+  }, []);
+
+  async function onLoadData() {
+    try {
+      const respone = await apiGetEventDetailById({
+        id: eventId,
+      });
+
+      if (respone) {
+        setData(respone.data);
+      }
+    } catch (error) {
+      clientLogger.error("Error get data detail event", error);
+    }
+  }
+
+  const isExpired = moment(data?.tanggalSelesai).diff(moment(), "minutes") < 0;
+
   return (
     <>
       <UIGlobal_LayoutTamplate
@@ -22,12 +49,18 @@ function LayoutEvent_Sponsor({ children }: { children: React.ReactNode }) {
           <UIGlobal_LayoutHeaderTamplate
             title="Daftar Sponsor"
             customButtonRight={
+              !data ? (
+                <CustomSkeleton height={30} width={30} circle />
+              ) : !isExpired ? (
                 <ActionIcon
                   variant="transparent"
                   onClick={() => setOpenDrawer(true)}
                 >
                   <IconDotsVertical color="white" />
                 </ActionIcon>
+              ) : (
+                ""
+              )
             }
           />
         }
@@ -41,7 +74,7 @@ function LayoutEvent_Sponsor({ children }: { children: React.ReactNode }) {
           {
             id: 1,
             name: "Tambah Sponsor",
-            icon: <TfiCup />,
+            icon: <IconCirclePlus />,
             path: RouterEvent.tambah_sponsor({ id: params.id }),
           },
         ]}

src/app_modules/event/detail/sponsor/nominal_sponsor/index.tsx

@@ -1,9 +1,24 @@
-'use client';
+"use client";
-import { AccentColor, MainColor } from '@/app_modules/_global/color';
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import {
-import { IconChevronRight, IconMoodSmile, IconMoodSmileBeam, IconMoodSmileDizzy, IconMoodXd } from '@tabler/icons-react';
+  Box,
-import { useRouter } from 'next/navigation';
+  Button,
-import React from 'react';
+  Group,
+  Paper,
+  Stack,
+  Text,
+  TextInput,
+  Title,
+} from "@mantine/core";
+import {
+  IconChevronRight,
+  IconMoodSmile,
+  IconMoodSmileBeam,
+  IconMoodSmileDizzy,
+  IconMoodXd,
+} from "@tabler/icons-react";
+import { useParams, useRouter } from "next/navigation";
+import React from "react";
 
 const listNominal = [
   {
@@ -28,7 +43,9 @@ const listNominal = [
   },
 ];
 function Event_PilihNominalSponsor() {
+  const params = useParams<{ id: string }>();
   const router = useRouter();
+  
   return (
     <>
       <Stack>
@@ -49,9 +66,7 @@ function Event_PilihNominalSponsor() {
               <Group position="apart">
                 <Group>
                   {e.icon}
-                  <Title order={4}>
+                  <Title order={4}>Rp.{e.jumlah}</Title>
-                    Rp.{e.jumlah}
-                  </Title>
                 </Group>
                 <IconChevronRight />
               </Group>
@@ -79,15 +94,16 @@ function Event_PilihNominalSponsor() {
               Minimal Donasi Rp. 10.000
             </Text>
           </Stack>
-        </Paper >
+        </Paper>
         <Button
           style={{ transition: "0.5s" }}
           radius={"xl"}
           bg={MainColor.yellow}
           color="yellow"
           c={"black"}
-          onClick={() => router.push("/dev/event/detail/sponsor/metode_pembayaran")}
+          onClick={() =>
-
+            router.push("/dev/event/detail/sponsor/metode_pembayaran")
+          }
         >
           Lanjutan Pembayaran
         </Button>

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

@@ -32,6 +32,8 @@ import {
   ComponentGlobal_NotifikasiPeringatan,
 } from "@/app_modules/_global/notif_global";
 import { DIRECTORY_ID } from "@/app/lib";
+import { IEventSponsor } from "../../_lib/interface";
+import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
 
 function Event_TambahSponsor() {
   const params = useParams<{ id: string }>();
@@ -62,9 +64,11 @@ function Event_TambahSponsor() {
         return;
       }
 
-      const data = {
+      const fileType = file.type.split("/").pop();
+      const data: IEventSponsor = {
         name: name,
         fileName: file.name,
+        fileExt: fileType,
         fileId: uploadFile.data.id,
       };
 
@@ -73,9 +77,14 @@ function Event_TambahSponsor() {
         data: data,
       });
 
+      console.log("res >>", created);
+
       if (created) {
-        setIsLoading(false);
+        router.replace(RouterEvent.nominal_sponsor({ id: params.id }));
         ComponentGlobal_NotifikasiBerhasil(created.message);
+      } else {
+        setIsLoading(false);
+        ComponentGlobal_NotifikasiPeringatan(created.message);
       }
     } catch (error) {
       setIsLoading(false);
@@ -168,7 +177,7 @@ function Event_TambahSponsor() {
             loaderPosition="center"
             radius={"xl"}
             onClick={() => {
-              // onCreated();
+              onCreated();
             }}
             bg={MainColor.yellow}
             color="yellow"

src/app_modules/event/edit/index.tsx

@@ -22,7 +22,7 @@ import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.share
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { Event_funEditById } from "../fun/edit/fun_edit_by_id";
-import { MODEL_EVENT } from "../model/interface";
+import { MODEL_EVENT } from "../_lib/interface";
 import ComponentEvent_ErrorMaximalInput from "../component/error_maksimal_input";
 import { clientLogger } from "@/util/clientLogger";
 

src/app_modules/event/fun/create/fun_create.ts

@@ -1,7 +1,7 @@
 "use server";
 
 import prisma from "@/app/lib/prisma";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 import { revalidatePath } from "next/cache";
 import _ from "lodash";
 

src/app_modules/event/fun/create/fun_join_and_confirm.ts

@@ -1,7 +1,7 @@
 "use server";
 
 import prisma from "@/app/lib/prisma";
-import { MODEL_EVENT_PESERTA } from "../../model/interface";
+import { MODEL_EVENT_PESERTA } from "../../_lib/interface";
 import { revalidatePath } from "next/cache";
 
 export async function Event_funJoinAndConfirmEvent(data: MODEL_EVENT_PESERTA) {

src/app_modules/event/fun/create/fun_join_event.ts

@@ -1,7 +1,7 @@
 "use server";
 
 import prisma from "@/app/lib/prisma";
-import { MODEL_EVENT_PESERTA } from "../../model/interface";
+import { MODEL_EVENT_PESERTA } from "../../_lib/interface";
 import { revalidatePath } from "next/cache";
 
 export async function Event_funJoinEvent(data: MODEL_EVENT_PESERTA) {

src/app_modules/event/fun/edit/fun_edit_by_id.ts

@@ -3,7 +3,7 @@
 import prisma from "@/app/lib/prisma";
 import _ from "lodash";
 import { revalidatePath } from "next/cache";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 
 export async function Event_funEditById(data: MODEL_EVENT) {
   const updt = await prisma.event.update({

src/app_modules/event/main/beranda.tsx

@@ -22,7 +22,7 @@ import { ScrollOnly } from "next-scroll-loader";
 import { useState } from "react";
 import { ComponentEvent_CardBeranda } from "../component/card_view/card_beranda";
 import { event_getListAllPublish } from "../fun/get/get_list_all_publish";
-import { MODEL_EVENT } from "../model/interface";
+import { MODEL_EVENT } from "../_lib/interface";
 import { Event_ComponentSkeletonBeranda } from "../component";
 import { API_RouteEvent } from "@/app/lib/api_user_router/route_api_event";
 

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

@@ -11,7 +11,7 @@ import { ScrollOnly } from "next-scroll-loader";
 import { useState } from "react";
 import { ComponentEvent_CardKontributor } from "../../component/card_view/card_kontributor";
 import { event_getListKontibusiByUserId } from "../../fun/get/get_list_kontribusi_by_user_id";
-import { MODEL_EVENT_PESERTA } from "../../model/interface";
+import { MODEL_EVENT_PESERTA } from "../../_lib/interface";
 
 export default function Event_Kontribusi({
   listKontribusi,

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

@@ -8,7 +8,7 @@ import {
 } from "@/app_modules/_global/color/color_pallet";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 import Event_RiwayatSaya from "./saya";
 import Event_SemuaRiwayat from "./semua";
 

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

@@ -8,7 +8,7 @@ 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";
+import { MODEL_EVENT } from "../../_lib/interface";
 import { event_getListRiwayatSaya } from "../../fun/get/riwayat/get_list_riwayat_saya";
 
 export default function Event_RiwayatSaya({

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

@@ -9,7 +9,7 @@ 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";
+import { MODEL_EVENT } from "../../_lib/interface";
 
 export default function Event_SemuaRiwayat({
   listData,

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

@@ -8,7 +8,7 @@ import { ScrollOnly } from "next-scroll-loader";
 import { useState } from "react";
 import ComponentEvent_BoxListStatus from "../../component/box_list_status";
 import { event_getAllDraft } from "../../fun/get/status/get_all_draft";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 
 export default function Event_StatusDraft({
   listDraft,

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

@@ -9,7 +9,7 @@ import { ScrollOnly } from "next-scroll-loader";
 import { useState } from "react";
 import ComponentEvent_BoxListStatus from "../../component/box_list_status";
 import { event_getAllByStatusId } from "../../fun";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 
 export default function Event_StatusPublish({
   listPublish,

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

@@ -12,7 +12,7 @@ import { ScrollOnly } from "next-scroll-loader";
 import { useState } from "react";
 import ComponentEvent_BoxListStatus from "../../component/box_list_status";
 import { event_getAllReject } from "../../fun/get/status/get_all_reject";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 
 export default function Event_StatusReject({
   listReject,

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

@@ -8,7 +8,7 @@ import { ScrollOnly } from "next-scroll-loader";
 import { useState } from "react";
 import ComponentEvent_BoxListStatus from "../../component/box_list_status";
 import { event_getAllReview } from "../../fun/get/status/get_all_review";
-import { MODEL_EVENT } from "../../model/interface";
+import { MODEL_EVENT } from "../../_lib/interface";
 
 export default function Event_StatusReview({
   listReview,

src/app_modules/home/component/list_menu_home.tsx

@@ -11,7 +11,7 @@ import { IconAffiliate, IconBriefcase, IconHeartHandshake, IconMap2, IconMessage
 export const listMenuHomeFooter = [
   {
     id: 1,
-    name: "Forums",
+    name: "Forum",
     icon: <IconMessages />,
     link: RouterForum.splash,
   },