fix: voting

deskripsi - fix get user id di ssr menjadi di client
2025-06-02 14:28:36 +08:00
parent 6f686b6abf
commit c057f20963
12 changed files with 305 additions and 209 deletions
--- a/src/app_modules/vote/detail/draft/index.tsx
+++ b/src/app_modules/vote/detail/draft/index.tsx
@@ -1,49 +1,58 @@
 "use client";

-import { RouterVote } from "@/lib/router_hipmi/router_vote";
-import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
+import {
+  AccentColor,
+  MainColor,
+} from "@/app_modules/_global/color/color_pallet";
 import ComponentGlobal_BoxInformation from "@/app_modules/_global/component/box_information";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 import UIGlobal_Modal from "@/app_modules/_global/ui/ui_modal";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 import notifikasiToAdmin_funCreate from "@/app_modules/notifikasi/fun/create/create_notif_to_admin";
-import mqtt_client from "@/util/mqtt_client";
-import { Button, SimpleGrid, Stack } from "@mantine/core";
-import moment from "moment";
-import { useRouter } from "next/navigation";
-import { useState } from "react";
-import ComponentVote_DetailDataSebelumPublish from "../../component/detail/detail_data_sebelum_publish";
-import { Vote_funDeleteById } from "../../fun/delete/fun_delete_by_id";
-import { Vote_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_id";
-import { MODEL_VOTING } from "../../model/interface";
 import { IRealtimeData } from "@/lib/global_state";
-import { WibuRealtime } from "wibu-pkg";
-import { useShallowEffect } from "@mantine/hooks";
-import { voting_funGetOneVotingbyId } from "../../fun/get/fun_get_one_by_id";
-import _ from "lodash";
+import { RouterVote } from "@/lib/router_hipmi/router_vote";
 import { clientLogger } from "@/util/clientLogger";
+import { Button, SimpleGrid, Stack } from "@mantine/core";
+import { useShallowEffect } from "@mantine/hooks";
+import moment from "moment";
+import { useParams, useRouter } from "next/navigation";
+import { useState } from "react";
+import { WibuRealtime } from "wibu-pkg";
+import { apiGetOneVotingById } from "../../_lib/api_voting";
+import ComponentVote_DetailDataSebelumPublish from "../../component/detail/detail_data_sebelum_publish";
+import { MODEL_VOTING } from "../../model/interface";
+import { Vote_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_id";
+import { Vote_funDeleteById } from "../../fun/delete/fun_delete_by_id";

-export default function Vote_DetailDraft({
-  dataVote,
-}: {
-  dataVote: MODEL_VOTING;
-}) {
-  const [data, setData] = useState(dataVote);
+export default function Vote_DetailDraft() {
+  const { id } = useParams();
+  const [data, setData] = useState<MODEL_VOTING | null>();

  useShallowEffect(() => {
-    onLoadData(setData);
-  }, [setData]);
+    onLoadData();
+  }, []);

-  async function onLoadData(setData: any) {
-    const loadData = await voting_funGetOneVotingbyId(dataVote.id);
-    setData(loadData);
+  async function onLoadData() {
+    try {
+      const response = await apiGetOneVotingById({ id: id as string });
+      if (response) {
+        setData(response.data);
+      } else {
+        setData(null);
+      }
+    } catch (error) {
+      console.log(error);
+    }
  }

+  if (!data) return <CustomSkeleton height={400} />;
+
  return (
    <>
      <Stack spacing={"xl"}>
-        {dataVote?.catatan && (
+        {data?.catatan && (
          <ComponentGlobal_BoxInformation isReport informasi={data?.catatan} />
        )}
        <ComponentVote_DetailDataSebelumPublish data={data} />
@@ -72,39 +81,45 @@ function ButtonAction({
    if (cekHari < 0)
      return ComponentGlobal_NotifikasiPeringatan("Tanggal Voting Lewat");

-    const res = await Vote_funEditStatusByStatusId(voteId, "2");
-    if (res.status === 200) {
-      const dataNotifikasi: IRealtimeData = {
-        appId: res.data?.id as any,
-        status: res.data?.Voting_Status?.name as any,
-        userId: res.data?.authorId as any,
-        pesan: res.data?.title as any,
-        kategoriApp: "VOTING",
-        title: "Mengajukan review",
-      };
+    setIsLoading(true);
+    try {
+      const res = await Vote_funEditStatusByStatusId(voteId, "2");
+      if (res.status === 200) {
+        const dataNotifikasi: IRealtimeData = {
+          appId: res.data?.id as any,
+          status: res.data?.Voting_Status?.name as any,
+          userId: res.data?.authorId as any,
+          pesan: res.data?.title as any,
+          kategoriApp: "VOTING",
+          title: "Mengajukan review",
+        };

-      const notif = await notifikasiToAdmin_funCreate({
-        data: dataNotifikasi as any,
-      });
-
-      if (notif.status === 201) {
-        WibuRealtime.setData({
-          type: "notification",
-          pushNotificationTo: "ADMIN",
+        const notif = await notifikasiToAdmin_funCreate({
+          data: dataNotifikasi as any,
        });

-        WibuRealtime.setData({
-          type: "trigger",
-          pushNotificationTo: "ADMIN",
-          dataMessage: dataNotifikasi,
-        });
+        if (notif.status === 201) {
+          WibuRealtime.setData({
+            type: "notification",
+            pushNotificationTo: "ADMIN",
+          });

-        ComponentGlobal_NotifikasiBerhasil("Berhasil Ajukan Review", 2000);
-        setIsLoading(true);
-        router.replace(RouterVote.status({ id: "2" }));
+          WibuRealtime.setData({
+            type: "trigger",
+            pushNotificationTo: "ADMIN",
+            dataMessage: dataNotifikasi,
+          });
+
+          ComponentGlobal_NotifikasiBerhasil("Berhasil Ajukan Review", 2000);
+          router.replace(RouterVote.status({ id: "2" }));
+        }
+      } else {
+        setIsLoading(false);
+        ComponentGlobal_NotifikasiGagal(res.message);
      }
-    } else {
-      ComponentGlobal_NotifikasiGagal(res.message);
+    } catch (error) {
+      setIsLoading(false);
+      clientLogger.error("Error update status vote", error);
    }
  }

@@ -117,7 +132,7 @@ function ButtonAction({
          ComponentGlobal_NotifikasiBerhasil("Berhasil Hapus Vote", 2000);
          router.replace(RouterVote.status({ id: "3" }));
        } else {
-         setIsLoading(false);
+          setIsLoading(false);
          ComponentGlobal_NotifikasiGagal(res.message);
        }
      } catch (error) {
@@ -163,7 +178,8 @@ function ButtonAction({
            onClick={() => {
              setOpenModal1(false);
            }}
-            style={{ backgroundColor: AccentColor.blue}} c={AccentColor.white}
+            style={{ backgroundColor: AccentColor.blue }}
+            c={AccentColor.white}
          >
            Batal
          </Button>
@@ -177,7 +193,7 @@ function ButtonAction({
              onUpdate();
            }}
            c={MainColor.darkblue}
-            style={{ backgroundColor: AccentColor.yellow  }}
+            style={{ backgroundColor: AccentColor.yellow }}
          >
            Ajukan
          </Button>
@@ -191,7 +207,8 @@ function ButtonAction({
        close={() => setOpenModal2(false)}
        buttonKiri={
          <Button
-          style={{ backgroundColor: AccentColor.blue}} c={AccentColor.white}
+            style={{ backgroundColor: AccentColor.blue }}
+            c={AccentColor.white}
            radius={"xl"}
            onClick={() => {
              setOpenModal2(false);
--- a/src/app_modules/vote/detail/reject/index.tsx
+++ b/src/app_modules/vote/detail/reject/index.tsx
@@ -1,35 +1,52 @@
 "use client";

+import { AccentColor, MainColor } from "@/app_modules/_global/color";
 import ComponentGlobal_BoxInformation from "@/app_modules/_global/component/box_information";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
 import UIGlobal_Modal from "@/app_modules/_global/ui/ui_modal";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { RouterVote } from "@/lib/router_hipmi/router_vote";
+import { clientLogger } from "@/util/clientLogger";
 import { Button, SimpleGrid, Stack } from "@mantine/core";
-import { useAtom } from "jotai";
-import { useRouter } from "next/navigation";
+import { useShallowEffect } from "@mantine/hooks";
+import { useParams, useRouter } from "next/navigation";
 import { useState } from "react";
+import { apiGetOneVotingById } from "../../_lib/api_voting";
 import ComponentVote_DetailDataSebelumPublish from "../../component/detail/detail_data_sebelum_publish";
 import { Vote_funDeleteById } from "../../fun/delete/fun_delete_by_id";
 import { Vote_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_id";
-import { gs_vote_status } from "../../global_state";
 import { MODEL_VOTING } from "../../model/interface";
-import { RouterVote } from "@/lib/router_hipmi/router_vote";
-import { AccentColor, MainColor } from "@/app_modules/_global/color";
-import { clientLogger } from "@/util/clientLogger";

-export default function Vote_DetailReject({
-  dataVote,
-}: {
-  dataVote: MODEL_VOTING;
-}) {
-  const [data, setData] = useState(dataVote);
+export default function Vote_DetailReject() {
+  const { id } = useParams();
+  const [data, setData] = useState<MODEL_VOTING | null>();
+
+  useShallowEffect(() => {
+    onLoadData();
+  }, []);
+
+  async function onLoadData() {
+    try {
+      const response = await apiGetOneVotingById({ id: id as string });
+      if (response) {
+        setData(response.data);
+      } else {
+        setData(null);
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  }
+
+  if (!data) return <CustomSkeleton height={400} />;

  return (
    <>
      <Stack spacing={"xl"}>
        <ComponentGlobal_BoxInformation isReport informasi={data?.catatan} />
        <ComponentVote_DetailDataSebelumPublish data={data as any} />
-        <ButtonAction voteId={data.id} />
+        <ButtonAction voteId={id as string} />
      </Stack>
    </>
  );
--- a/src/app_modules/vote/detail/review/index.tsx
+++ b/src/app_modules/vote/detail/review/index.tsx
@@ -1,35 +1,53 @@
 "use client";

-import { IRealtimeData } from "@/lib/global_state";
-import { RouterVote } from "@/lib/router_hipmi/router_vote";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
 import UIGlobal_Modal from "@/app_modules/_global/ui/ui_modal";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 import notifikasiToAdmin_funCreate from "@/app_modules/notifikasi/fun/create/create_notif_to_admin";
+import { IRealtimeData } from "@/lib/global_state";
+import { RouterVote } from "@/lib/router_hipmi/router_vote";
 import { Button, Stack } from "@mantine/core";
-import { useRouter } from "next/navigation";
+import { useShallowEffect } from "@mantine/hooks";
+import { useParams, useRouter } from "next/navigation";
 import { useState } from "react";
 import { WibuRealtime } from "wibu-pkg";
+import { apiGetOneVotingById } from "../../_lib/api_voting";
 import ComponentVote_DetailDataSebelumPublish from "../../component/detail/detail_data_sebelum_publish";
+import { voting_checkStatus } from "../../fun";
 import { Vote_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_id";
 import { MODEL_VOTING } from "../../model/interface";
-import { voting_checkStatus } from "../../fun";
-import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
-import { AccentColor, MainColor } from "@/app_modules/_global/color";

-export default function Vote_DetailReview({
-  dataVote,
-}: {
-  dataVote: MODEL_VOTING;
-}) {
+export default function Vote_DetailReview() {
+  const { id } = useParams();
+  const [data, setData] = useState<MODEL_VOTING | null>();
+
+  useShallowEffect(() => {
+    onLoadData();
+  }, []);
+
+  async function onLoadData() {
+    try {
+      const response = await apiGetOneVotingById({ id: id as string });
+      if (response) {
+        setData(response.data);
+      } else {
+        setData(null);
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  }
+
+  if (!data) return <CustomSkeleton height={400} />;
+
  return (
    <>
      <Stack spacing={"xl"}>
-        <ComponentVote_DetailDataSebelumPublish data={dataVote as any} />
-        <ButtonAction
-          voteId={dataVote.id}
-          statusId={dataVote.voting_StatusId}
-        />
+        <ComponentVote_DetailDataSebelumPublish data={data} />
+        <ButtonAction voteId={id as string} statusId={data.voting_StatusId} />
      </Stack>
    </>
  );
@@ -50,6 +68,7 @@ function ButtonAction({
    const check = await voting_checkStatus({ id: voteId });

    if (check) {
+      setIsLoading(true);
      const res = await Vote_funEditStatusByStatusId(voteId, "3");
      if (res.status === 200) {
        const dataNotifikasi: IRealtimeData = {
@@ -79,11 +98,12 @@ function ButtonAction({
        }
        ComponentGlobal_NotifikasiBerhasil("Berhasil Batalkan Review", 2000);
        router.replace(RouterVote.status({ id: "3" }));
-        setIsLoading(true);
      } else {
+        setIsLoading(false);
        ComponentGlobal_NotifikasiGagal(res.message);
      }
    } else {
+      setIsLoading(false);
      ComponentGlobal_NotifikasiPeringatan("Voting telah direview admin");
    }
  }
@@ -105,7 +125,12 @@ function ButtonAction({
        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>
        }