fix donasi

deksripsi:
- fix tampilan main detail

src/app_modules/donasi/component/detail_main/cerita_penggalang_new.tsx

@@ -8,6 +8,7 @@ import { useState } from "react";
 import { apiGetOneDonasiById } from "../../lib/api_donasi";
 import { useShallowEffect } from "@mantine/hooks";
 import SkeletonCeritaPenggalangDonasi from "./skeleton_cerita_penggalang";
+import { funReplaceHtml } from "@/app_modules/_global/fun/fun_replace_html";
 
 export default function ComponentDonasi_CeritaPenggalangMainNew() {
    const router = useRouter();
@@ -56,20 +57,22 @@ export default function ComponentDonasi_CeritaPenggalangMainNew() {
              color: MainColor.white,
            }}
          >
-               {
+           {loading ? (
-                  loading ? <SkeletonCeritaPenggalangDonasi />
+             <SkeletonCeritaPenggalangDonasi />
-                     :
+           ) : (
              <Stack>
                <Group position="apart">
                  <Text>
-                              {new Intl.DateTimeFormat("id-ID", { dateStyle: "full" }).format(
+                   {new Intl.DateTimeFormat("id-ID", {
-                                 new Date(donasi?.createdAt)
+                     dateStyle: "full",
-                              )}
+                   }).format(new Date(donasi?.createdAt))}
                  </Text>
                  <ActionIcon
                    variant="transparent"
                    onClick={() => {
-                                 router.push(RouterDonasi.cerita_penggalang + `${donasi?.id}`);
+                     router.push(
+                       RouterDonasi.cerita_penggalang + `${donasi?.id}`
+                     );
                    }}
                  >
                    <IconCircleChevronRight
@@ -79,9 +82,11 @@ export default function ComponentDonasi_CeritaPenggalangMainNew() {
                    />
                  </ActionIcon>
                </Group>
-                        <Text lineClamp={4}>{donasi?.CeritaDonasi.cerita}</Text>
+               <Text lineClamp={4}>
+                 {funReplaceHtml({ html: donasi?.CeritaDonasi.cerita })}
+               </Text>
              </Stack>
-               }
+           )}
          </Paper>
        </Stack>
      </>

src/app_modules/donasi/detail/detail_draft/index.tsx

@@ -1,26 +1,22 @@
 "use client";
 
-import { RouterDonasi } from "@/lib/router_hipmi/router_donasi";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 import { UIGlobal_Modal } from "@/app_modules/_global/ui";
 import notifikasiToAdmin_funCreate from "@/app_modules/notifikasi/fun/create/create_notif_to_admin";
-import mqtt_client from "@/util/mqtt_client";
+import { IRealtimeData } from "@/lib/global_state";
+import { RouterDonasi } from "@/lib/router_hipmi/router_donasi";
+import { clientLogger } from "@/util/clientLogger";
 import { Button, Group, Stack } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
+import { WibuRealtime } from "wibu-pkg";
 import { Donasi_ComponentButtonDeleteDonasiById } from "../../component";
 import ComponentDonasi_DetailDataGalangDana from "../../component/detail_galang_dana/detail_data_donasi";
 import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
 import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
 import { MODEL_DONASI } from "../../model/interface";
-import { IRealtimeData } from "@/lib/global_state";
-import { WibuRealtime } from "wibu-pkg";
-import { AccentColor, MainColor } from "@/app_modules/_global/color";
-import funDeleteDonasi from "@/app_modules/investasi/fun/fun_delete_donasi";
-import { clientLogger } from "@/util/clientLogger";
-import { funGlobal_DeleteFileById } from "@/app_modules/_global/fun";
-import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global";
 
 export default function DetailDraftDonasi({
   dataDonasi,
@@ -49,21 +45,18 @@ export default function DetailDraftDonasi({
 
 function ButtonAjukanPenggalangan({
   dataDonasi,
-
 }: {
   dataDonasi: MODEL_DONASI;
-
 }) {
   const router = useRouter();
   const [isLoadingAjukan, setLoadingAjukan] = useState(false);
-  const [isLoadingDelete, setLoadingDelete] = useState(false);
   const [openModal, setOpenModal] = useState(false);
 
   async function onChangeStatus() {
+    setLoadingAjukan(true);
     const res = await Donasi_funGantiStatus(dataDonasi.id, "2");
     try {
       if (res.status === 200) {
-
         const dataNotifikasi: IRealtimeData = {
           appId: res.data?.id as any,
           status: res.data?.DonasiMaster_Status?.name as any,
@@ -89,7 +82,6 @@ function ButtonAjukanPenggalangan({
             dataMessage: dataNotifikasi,
           });
 
-        setLoadingAjukan(true);
           ComponentGlobal_NotifikasiBerhasil("Berhasil Diajukan");
           router.push(RouterDonasi.status_galang_dana({ id: "2" }));
         }
@@ -107,7 +99,7 @@ function ButtonAjukanPenggalangan({
       <Button
         radius={"xl"}
         style={{
-          backgroundColor: AccentColor.yellow
+          backgroundColor: AccentColor.yellow,
         }}
         c={MainColor.darkblue}
         onClick={() => setOpenModal(true)}
@@ -120,15 +112,19 @@ function ButtonAjukanPenggalangan({
         opened={openModal}
         close={() => setOpenModal(false)}
         buttonKiri={
-          <Button style={{ backgroundColor: AccentColor.blue }}
+          <Button
-          c={AccentColor.white} radius={"xl"} onClick={() => setOpenModal(false)}>
+            style={{ backgroundColor: AccentColor.blue }}
+            c={AccentColor.white}
+            radius={"xl"}
+            onClick={() => setOpenModal(false)}
+          >
             Batal
           </Button>
         }
         buttonKanan={
           <Button
             style={{
-              backgroundColor: AccentColor.yellow
+              backgroundColor: AccentColor.yellow,
             }}
             loaderPosition="center"
             loading={isLoadingAjukan}