fix admin event

- detail event review

src/app_modules/admin/event/_component/comp_detail_publish.tsx

@@ -49,16 +49,12 @@ function AdminEvent_ComponentDetailPublish({ data }: { data: MODEL_EVENT }) {
 
   return (
     <>
-      <Grid>
-        <Grid.Col span={9}>
-          <Admin_ComponentBoxStyle>
-            <Stack>
-              <AdminEvent_ComponentDetailData data={data} />
-              {donwloadButton()}
-            </Stack>
-          </Admin_ComponentBoxStyle>
-        </Grid.Col>
-      </Grid>
+      <Admin_ComponentBoxStyle>
+        <Stack>
+          <AdminEvent_ComponentDetailData data={data} />
+          {donwloadButton()}
+        </Stack>
+      </Admin_ComponentBoxStyle>
       {/* <ComponentEvent_DetailDataEvent data={data} /> */}
     </>
   );

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

@@ -12,6 +12,7 @@ import { apiGetAdminDetailEventById } from "../_lib/api_fecth_admin_event";
 import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 import { AdminEvent_ViewDetailPublish } from "../_view/view_detail_publish";
+import { AdminEvent_ViewDetailReview } from "../_view/view_detail_review";
 
 export function AdminEvent_UiNewDetail() {
   const params = useParams<{ id: string }>();
@@ -56,7 +57,7 @@ export function AdminEvent_UiNewDetail() {
         ) : data.EventMaster_Status.name === "Publish" ? (
          <AdminEvent_ViewDetailPublish data={data}/>
         ) : data.EventMaster_Status.name === "Review" ? (
-          "Detail Review"
+          <AdminEvent_ViewDetailReview data={data}/>
         ) : data.EventMaster_Status.name === "Reject" ? (
           "Detail Reject"
         ) : (

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

@@ -0,0 +1,49 @@
+import { MODEL_EVENT } from "@/app_modules/event/_lib/interface";
+import { IconBan, IconCircleCheck } from "@tabler/icons-react";
+import { useAtom } from "jotai";
+import { gs_admin_event_menu_publish } from "../_lib/global_state";
+import { Stack, Group, Button } from "@mantine/core";
+import AdminGlobal_ComponentBackButton from "../../_admin_global/back_button";
+import AdminEvent_ComponentDetailPublish from "../_component/comp_detail_publish";
+import { AdminEvent_ViewDetailPeserta } from "./view_detail_peserta";
+import { Admin_ComponentBoxStyle } from "../../_admin_global/_component/comp_admin_boxstyle";
+import AdminEvent_ComponentDetailData from "../_component/comp_detail_data";
+import { ComponentAdminGlobal_NotifikasiPeringatan } from "../../_admin_global/admin_notifikasi/notifikasi_peringatan";
+
+export function AdminEvent_ViewDetailReview({ data }: { data: MODEL_EVENT }) {
+  return (
+    <>
+      <Admin_ComponentBoxStyle>
+        <Stack>
+          <AdminEvent_ComponentDetailData data={data} />
+
+          <Group mt={100} spacing={"xl"} position="center">
+            <Button
+              color={"green"}
+              leftIcon={<IconCircleCheck />}
+              radius={"xl"}
+              onClick={() => {
+                //  setPublish(true);
+                ComponentAdminGlobal_NotifikasiPeringatan("On Progress");
+              }}
+            >
+              Publish
+            </Button>
+
+            <Button
+              color={"red"}
+              leftIcon={<IconBan />}
+              radius={"xl"}
+              onClick={() => {
+                //  setReject(true);
+                ComponentAdminGlobal_NotifikasiPeringatan("On Progress");
+              }}
+            >
+              Reject
+            </Button>
+          </Group>
+        </Stack>
+      </Admin_ComponentBoxStyle>
+    </>
+  );
+}

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

@@ -1,8 +1,5 @@
 import { apiGetDataEventByStatus } from "@/app_modules/admin/event/_lib/api_fecth_admin_event";
-import {
-  gs_adminEvent_triggerReview,
-  IRealtimeData,
-} from "@/lib/global_state";
+import { gs_adminEvent_triggerReview, IRealtimeData } from "@/lib/global_state";
 import { AccentColor } from "@/app_modules/_global/color";
 import {
   ComponentGlobal_NotifikasiBerhasil,
@@ -15,6 +12,7 @@ import { event_checkStatus } from "@/app_modules/event/fun/get/fun_check_status_
 import { clientLogger } from "@/util/clientLogger";
 import {
   Affix,
+  Box,
   Button,
   Center,
   Group,
@@ -50,6 +48,8 @@ import { adminEvent_funGetListReview } from "../fun";
 import { AdminEvent_funEditStatusPublishById } from "../fun/edit/fun_edit_status_publish_by_id";
 import { AdminEvent_funEditCatatanById } from "../fun/edit/fun_edit_status_reject_by_id";
 import { AdminColor } from "@/app_modules/_global/color/color_pallet";
+import Admin_DetailButton from "../../_admin_global/_component/button/detail_button";
+import { RouterAdminEvent } from "@/lib/router_admin/router_admin_event";
 
 export default function AdminEvent_ComponentTableReview() {
   const [data, setData] = useState<MODEL_EVENT[] | null>(null);
@@ -162,11 +162,9 @@ export default function AdminEvent_ComponentTableReview() {
           });
 
           if (response?.success && response?.data?.data) {
-
             setData(response.data.data);
             setNPage(response.data.nPage || 1);
           } else {
-
             setData([]);
           }
         } catch (error) {
@@ -227,7 +225,6 @@ export default function AdminEvent_ComponentTableReview() {
         });
 
         if (response?.success && response?.data?.data) {
-
           setData(response.data.data);
           setNPage(response.data.nPage || 1);
         } else {
@@ -262,28 +259,21 @@ export default function AdminEvent_ComponentTableReview() {
     return data.map((e, i) => (
       <tr key={i}>
         <td>
-          <Center c={AdminColor.white} w={200}>
-            <Text>{e?.Author?.username}</Text>
+          <Center c={AdminColor.white}>
+            <Box w={100}>
+              <Text>{e?.Author?.username}</Text>
+            </Box>
           </Center>
         </td>
         <td>
-          <Center c={AdminColor.white} w={200}>
-            <Text lineClamp={2}>{e.title}</Text>
+          <Center c={AdminColor.white}>
+            <Box w={100}>
+              <Text lineClamp={2}>{e.title}</Text>
+            </Box>
           </Center>
         </td>
         <td>
-          <Center c={AdminColor.white} w={200}>
-            <Text>{e.lokasi}</Text>
-          </Center>
-        </td>
-        <td>
-          <Center c={AdminColor.white} w={200}>
-            <Text>{e.EventMaster_TipeAcara.name}</Text>
-          </Center>
-        </td>
-
-        <td>
-          <Center c={AdminColor.white} w={200}>
+          <Center c={AdminColor.white}>
             <Text align="center">
               {new Intl.DateTimeFormat("id-ID", {
                 dateStyle: "full",
@@ -298,7 +288,7 @@ export default function AdminEvent_ComponentTableReview() {
           </Center>
         </td>
         <td>
-          <Center c={AdminColor.white} w={200}>
+          <Center c={AdminColor.white}>
             <Text align="center">
               {new Intl.DateTimeFormat("id-ID", {
                 dateStyle: "full",
@@ -313,19 +303,7 @@ export default function AdminEvent_ComponentTableReview() {
           </Center>
         </td>
 
-        <td>
-          <Center c={AdminColor.white} w={400}>
-            <Spoiler
-              hideLabel="sembunyikan"
-              maxHeight={50}
-              showLabel="tampilkan"
-            >
-              {e.deskripsi}
-            </Spoiler>
-          </Center>
-        </td>
-
-        <td>
+        {/* <td>
           <Center>
             <Stack>
               <Button
@@ -362,12 +340,19 @@ export default function AdminEvent_ComponentTableReview() {
               </Button>
             </Stack>
           </Center>
+        </td> */}
+
+        <td>
+          <Center>
+            <Admin_DetailButton
+              path={RouterAdminEvent.new_detail({ id: e.id })}
+            />
+          </Center>
         </td>
       </tr>
     ));
   };
 
-
   return (
     <>
       <Stack spacing={"xs"} h={"100%"}>
@@ -387,8 +372,6 @@ export default function AdminEvent_ComponentTableReview() {
           }
         />
 
-
-
         {!data ? (
           <CustomSkeleton height={"80vh"} width="100%" />
         ) : (
@@ -420,7 +403,6 @@ export default function AdminEvent_ComponentTableReview() {
                 verticalSpacing={"md"}
                 horizontalSpacing={"md"}
                 p={"md"}
-                w={1500}
               >
                 <thead>
                   <tr>
@@ -430,22 +412,17 @@ export default function AdminEvent_ComponentTableReview() {
                     <th>
                       <Center c={AdminColor.white}>Judul</Center>
                     </th>
+                   
                     <th>
-                      <Center c={AdminColor.white}>Lokasi</Center>
+                      <Center c={AdminColor.white}>
+                        Tanggal & Waktu Mulai
+                      </Center>
                     </th>
                     <th>
-                      <Center c={AdminColor.white}>Tipe Acara</Center>
+                      <Center c={AdminColor.white}>
+                        Tanggal & Waktu Selesai
+                      </Center>
                     </th>
-                    <th>
-                      <Center c={AdminColor.white}>Tanggal & Waktu Mulai</Center>
-                    </th>
-                    <th>
-                      <Center c={AdminColor.white}>Tanggal & Waktu Selesai</Center>
-                    </th>
-                    <th>
-                      <Center c={AdminColor.white}>Deskripsi</Center>
-                    </th>
-
                     <th>
                       <Center c={AdminColor.white}>Aksi</Center>
                     </th>