diff --git a/src/app/api/admin/event/detail/[id]/peserta/route.ts b/src/app/api/admin/event/detail/[id]/peserta/route.ts
new file mode 100644
index 00000000..cc88dfdf
--- /dev/null
+++ b/src/app/api/admin/event/detail/[id]/peserta/route.ts
@@ -0,0 +1,19 @@
+import backendLogger from "@/util/backendLogger";
+import { NextResponse } from "next/server";
+
+export async function GET(req: Request,
+    { params }: { params: { id: string } }) {
+
+    try {
+        
+    } catch (error) {
+        backendLogger.error("Error get data event detail >>", error);
+        return NextResponse.json({
+            success: false,
+            message: "Error get data event detail",
+            reason: (error as Error).message
+        },
+            { status: 500 }
+        )
+    }
+}
\ No newline at end of file
diff --git a/src/app/api/admin/event/detail/[id]/route.ts b/src/app/api/admin/event/detail/[id]/route.ts
new file mode 100644
index 00000000..cc88dfdf
--- /dev/null
+++ b/src/app/api/admin/event/detail/[id]/route.ts
@@ -0,0 +1,19 @@
+import backendLogger from "@/util/backendLogger";
+import { NextResponse } from "next/server";
+
+export async function GET(req: Request,
+    { params }: { params: { id: string } }) {
+
+    try {
+        
+    } catch (error) {
+        backendLogger.error("Error get data event detail >>", error);
+        return NextResponse.json({
+            success: false,
+            message: "Error get data event detail",
+            reason: (error as Error).message
+        },
+            { status: 500 }
+        )
+    }
+}
\ No newline at end of file
diff --git a/src/app_modules/admin/event/_component/detail_data_author.tsx b/src/app_modules/admin/event/_component/detail_data_author.tsx
index f44bd592..be3dc7e0 100644
--- a/src/app_modules/admin/event/_component/detail_data_author.tsx
+++ b/src/app_modules/admin/event/_component/detail_data_author.tsx
@@ -1,11 +1,12 @@
+import { AdminColor } from '@/app_modules/_global/color/color_pallet';
 import { Grid, Paper, Stack, Text, Title } from '@mantine/core';
 import React from 'react';
 
 function ComponentEvent_DetailDataAuthor() {
   return (
     <>
-      <Paper withBorder p={"lg"}>
-        <Stack>
+      <Paper bg={AdminColor.softBlue} p={"lg"}>
+        <Stack c={AdminColor.white}>
           <Title order={3}>Data User</Title>
           <Stack spacing={"xs"}>
             <Grid>
diff --git a/src/app_modules/admin/event/_component/detail_data_event.tsx b/src/app_modules/admin/event/_component/detail_data_event.tsx
index 3622a62e..b2a4d99c 100644
--- a/src/app_modules/admin/event/_component/detail_data_event.tsx
+++ b/src/app_modules/admin/event/_component/detail_data_event.tsx
@@ -1,11 +1,12 @@
+import { AdminColor } from '@/app_modules/_global/color/color_pallet';
 import { Box, Grid, Paper, Stack, Text, Title } from '@mantine/core';
 import React from 'react';
 
 function ComponentEvent_DetailDataEvent() {
   return (
     <>
-      <Paper withBorder p={"lg"}>
-        <Stack>
+      <Paper bg={AdminColor.softBlue} p={"lg"}>
+        <Stack c={AdminColor.white}>
           <Title order={3}>Coba</Title>
           <Stack spacing={"xs"}>
             <Grid>
diff --git a/src/app_modules/admin/event/_component/detail_data_sponsor.tsx b/src/app_modules/admin/event/_component/detail_data_sponsor.tsx
index 691011b0..f953d215 100644
--- a/src/app_modules/admin/event/_component/detail_data_sponsor.tsx
+++ b/src/app_modules/admin/event/_component/detail_data_sponsor.tsx
@@ -1,4 +1,5 @@
 import { RouterAdminEvent } from '@/app/lib/router_admin/router_admin_event';
+import { AdminColor } from '@/app_modules/_global/color/color_pallet';
 import { Button, Center, Pagination, Paper, ScrollArea, Stack, Table, Title } from '@mantine/core';
 import { IconDeviceDesktop, IconDownload, IconImageInPicture } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -20,7 +21,7 @@ function AdminEvent_DetailDataSponsor() {
   const rows = tableRows.map((row, i) => (
     <tr key={i}>
       <td>
-        <Center>{row.sponsor}</Center>
+        <Center c={AdminColor.white}>{row.sponsor}</Center>
       </td>
       <td>
         <Center>
@@ -28,16 +29,16 @@ function AdminEvent_DetailDataSponsor() {
         </Center>
       </td>
       <td>
-        <Center>{row.username}</Center>
+        <Center c={AdminColor.white}>{row.username}</Center>
       </td>
       <td>
-        <Center>{row.name}</Center>
+        <Center c={AdminColor.white}>{row.name}</Center>
       </td>
       <td>
-        <Center>{row.nomor}</Center>
+        <Center c={AdminColor.white}>{row.nomor}</Center>
       </td>
       <td>
-        <Center>{row.email}</Center>
+        <Center c={AdminColor.white}>{row.email}</Center>
       </td>
       <td>
         <Center>
@@ -50,45 +51,44 @@ function AdminEvent_DetailDataSponsor() {
     <>
       <Stack spacing={"xs"} h={"100%"}>
         <Paper
-          bg={"gray.4"}
+          bg={AdminColor.softBlue}
           p={"xs"}
           style={{ borderRadius: "6px" }}
         >
-          <Title order={4}>Daftar Sponsor</Title>
+          <Title c={AdminColor.white} order={4}>Daftar Sponsor</Title>
         </Paper>
 
-        <Paper p={"md"} withBorder shadow='lg' h={"80vh"}>
+        <Paper p={"md"} bg={AdminColor.softBlue} shadow='lg' h={"80vh"}>
           <ScrollArea w={"100%"} h={"90%"}>
             <Table
               verticalSpacing={"xl"}
               horizontalSpacing={"md"}
               p={"md"}
               w={1500}
-              striped
-              highlightOnHover
+              
             >
               <thead>
                 <tr>
                   <th>
-                    <Center>Sponsor</Center>
+                    <Center c={AdminColor.white}>Sponsor</Center>
                   </th>
                   <th>
-                    <Center>Download</Center>
+                    <Center c={AdminColor.white}>Download</Center>
                   </th>
                   <th>
-                    <Center>Username</Center>
+                    <Center c={AdminColor.white}>Username</Center>
                   </th>
                   <th>
-                    <Center>Nama</Center>
+                    <Center c={AdminColor.white}>Nama</Center>
                   </th>
                   <th>
-                    <Center>Nomor</Center>
+                    <Center c={AdminColor.white}>Nomor</Center>
                   </th>
                   <th>
-                    <Center>Email</Center>
+                    <Center c={AdminColor.white}>Email</Center>
                   </th>
                   <th>
-                    <Center>Aksi</Center>
+                    <Center c={AdminColor.white}>Aksi</Center>
                   </th>
                 </tr>
               </thead>
diff --git a/src/app_modules/admin/event/_view/view_detail_peserta.tsx b/src/app_modules/admin/event/_view/view_detail_peserta.tsx
index 9543bc03..d0291b28 100644
--- a/src/app_modules/admin/event/_view/view_detail_peserta.tsx
+++ b/src/app_modules/admin/event/_view/view_detail_peserta.tsx
@@ -16,6 +16,7 @@ import { useState } from "react";
 import { adminEvent_getListPesertaById } from "../fun";
 import _ from "lodash";
 import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
+import { AdminColor } from "@/app_modules/_global/color/color_pallet";
 
 export function AdminEvent_ViewDetailPeserta({
   dataPeserta,
@@ -44,16 +45,16 @@ export function AdminEvent_ViewDetailPeserta({
     : data.map((e, i) => (
       <tr key={i}>
         <td>
-          <Center>{e?.User?.username}</Center>
+          <Center c={AdminColor.white}>{e?.User?.username}</Center>
         </td>
         <td>
-          <Center>{e?.User?.Profile?.name}</Center>
+          <Center c={AdminColor.white}>{e?.User?.Profile?.name}</Center>
         </td>
         <td>
-          <Center>+{e?.User?.nomor}</Center>
+          <Center c={AdminColor.white}>+{e?.User?.nomor}</Center>
         </td>
         <td>
-          <Center>{e?.User?.Profile?.email}</Center>
+          <Center c={AdminColor.white}>{e?.User?.Profile?.email}</Center>
         </td>
         <td>
           <Center>
@@ -70,37 +71,36 @@ export function AdminEvent_ViewDetailPeserta({
   return (
     <>
       <Stack spacing={"xs"} h={"100%"}>
-        <Paper bg={"gray.4"}
+        <Paper bg={AdminColor.softBlue}
           p={"xs"}
           style={{ borderRadius: "6px" }}>
-          <Title order={4}>Daftar Peserta</Title>
+          <Title c={AdminColor.white} order={4}>Daftar Peserta</Title>
         </Paper>
-        <Paper p={"md"} withBorder shadow="lg" h={"75vh"}>
+        <Paper p={"md"} bg={AdminColor.softBlue} shadow="lg" h={"75vh"}>
           <ScrollArea w={"100%"} h={"90%"}>
             <Table
               verticalSpacing={"md"}
               horizontalSpacing={"md"}
               p={"md"}
               w={"100%"}
-              striped
-              highlightOnHover
+              
             >
               <thead>
                 <tr>
                   <th>
-                    <Center>Username</Center>
+                    <Center c={AdminColor.white}>Username</Center>
                   </th>
                   <th>
-                    <Center>Name</Center>
+                    <Center c={AdminColor.white}>Name</Center>
                   </th>
                   <th>
-                    <Center>Nomor</Center>
+                    <Center c={AdminColor.white}>Nomor</Center>
                   </th>
                   <th>
-                    <Center>Email</Center>
+                    <Center c={AdminColor.white}>Email</Center>
                   </th>
                   <th>
-                    <Center>Konfirmasi Kehadiran</Center>
+                    <Center c={AdminColor.white}>Konfirmasi Kehadiran</Center>
                   </th>
                 </tr>
               </thead>
diff --git a/src/app_modules/admin/event/_view/view_table_review.tsx b/src/app_modules/admin/event/_view/view_table_review.tsx
index 11d0eebd..91724946 100644
--- a/src/app_modules/admin/event/_view/view_table_review.tsx
+++ b/src/app_modules/admin/event/_view/view_table_review.tsx
@@ -367,6 +367,7 @@ export default function AdminEvent_ComponentTableReview() {
     ));
   };
 
+
   return (
     <>
       <Stack spacing={"xs"} h={"100%"}>
@@ -385,6 +386,9 @@ export default function AdminEvent_ComponentTableReview() {
             />
           }
         />
+
+      
+
         {!data ? (
           <CustomSkeleton height={"80vh"} width="100%" />
         ) : (
diff --git a/src/app_modules/admin/investasi/_component/detail_data_author.tsx b/src/app_modules/admin/investasi/_component/detail_data_author.tsx
index 53287f5c..04c27b8b 100644
--- a/src/app_modules/admin/investasi/_component/detail_data_author.tsx
+++ b/src/app_modules/admin/investasi/_component/detail_data_author.tsx
@@ -8,6 +8,10 @@ export function ComponentAdminInvestasi_DetailDataAuthor({
   data: any;
 }) {
   return (
+
+
+
+
     <Paper bg={AdminColor.softBlue} p={"lg"}>
       <Stack c={AdminColor.white}>
         <Title order={3}>Data User</Title>
diff --git a/src/app_modules/admin/investasi/detail/detail_review.tsx b/src/app_modules/admin/investasi/detail/detail_review.tsx
index 3ed91740..dc7fe4d9 100644
--- a/src/app_modules/admin/investasi/detail/detail_review.tsx
+++ b/src/app_modules/admin/investasi/detail/detail_review.tsx
@@ -40,6 +40,7 @@ export default function AdminInvestasi_DetailReview({
 
   useShallowEffect(() => {
     cekStatusPublish();
+    // omload()
   }, []);
 
   async function cekStatusPublish() {
@@ -142,6 +143,8 @@ export default function AdminInvestasi_DetailReview({
     }
   }
 
+
+
   return (
     <>
       <Stack px={"lg"}>
@@ -182,6 +185,9 @@ export default function AdminInvestasi_DetailReview({
           ]}
         >
           {/* Data Author */}
+          if(!data.author){
+            
+          }
           <ComponentAdminInvestasi_DetailDataAuthor data={data.author} />
 
           {/* Data Foto */}
diff --git a/src/app_modules/auth/_lib/api_fetch_auth.ts b/src/app_modules/auth/_lib/api_fetch_auth.ts
index 0bd42e65..2e859a41 100644
--- a/src/app_modules/auth/_lib/api_fetch_auth.ts
+++ b/src/app_modules/auth/_lib/api_fetch_auth.ts
@@ -37,7 +37,7 @@ const apiPostVerifikasiCodeOtp = async ({ nomor }: { nomor: string }) => {
 };
 
 const apiDeleteAktivasiKodeOtpByNomor = async ({ id }: { id: string }) => {
-  const respone = await fetch(`/api/auth/code/${id}`, {
+  const respone = await fetch(`/api/auth/code/${id}/peserta`, {
     method: "DELETE",
     headers: {
       "Content-Type": "application/json",