Investment

Add: - utils/pickFile: pilih extention file sesuai kebutuhan - utils/formatCurrencyDisplay.ts: tampillan uang 2.500 - api-client/api-investment.ts - api-storage.ts: api strogre wibudev Fix: - Integrasi API pada: Create, Edit, Tampilan status & detail - Button status dan hapus data juga sudah terintegrasi ### No Issue
2025-09-29 17:42:25 +08:00
parent a474aebb94
commit ccdd7730b2
13 changed files with 907 additions and 195 deletions
--- a/screens/Invesment/BoxDetailDataSection.tsx
+++ b/screens/Invesment/BoxDetailDataSection.tsx
@@ -10,10 +10,12 @@ import { View } from "react-native";

 export default function Invesment_BoxDetailDataSection({
  title,
+  imageId,
  data,
  bottomSection,
 }: {
  title?: string;
+  imageId?: string;
  data: any;
  bottomSection?: React.ReactNode;
 }) {
@@ -21,14 +23,14 @@ export default function Invesment_BoxDetailDataSection({
    <>
      <BaseBox paddingBottom={0}>
        <StackCustom gap={"xs"}>
-          <DummyLandscapeImage />
+          <DummyLandscapeImage imageId={imageId} />
          <Spacing />
          <TextCustom align="center" size="xlarge" bold>
            {title || "Judul Investasi"}
          </TextCustom>
          <Spacing />

-          {data.map((item: any, index: any) => (
+          {data?.map((item: any, index: any) => (
            <Grid key={index}>
              <Grid.Col span={4}>
                <TextCustom bold>{item.label}</TextCustom>
--- a/screens/Invesment/ButtonStatusSection.tsx
+++ b/screens/Invesment/ButtonStatusSection.tsx
@@ -1,22 +1,54 @@
 import { AlertDefaultSystem, ButtonCustom, Grid } from "@/components";
+import {
+  apiInvestmentDelete,
+  apiInvestmentUpdateStatus,
+} from "@/service/api-client/api-investment";
+import { deleteImageService } from "@/service/upload-service";
 import { router } from "expo-router";
+import { useState } from "react";
+import Toast from "react-native-toast-message";

 export default function Investment_ButtonStatusSection({
+  id,
  status,
-  buttonPublish
+  buttonPublish,
 }: {
+  id: string;
  status: string;
  buttonPublish?: React.ReactNode;
 }) {
+  const [isLoading, setIsLoading] = useState(false);
  const handleBatalkanReview = () => {
    AlertDefaultSystem({
      title: "Batalkan Review",
      message: "Apakah Anda yakin ingin batalkan review ini?",
      textLeft: "Batal",
      textRight: "Ya",
-      onPressRight: () => {
-        console.log("Hapus");
-        router.back();
+      onPressRight: async () => {
+        try {
+          setIsLoading(true);
+          const response = await apiInvestmentUpdateStatus({
+            id: id as string,
+            status: "draft",
+          });
+          console.log("[RESPONSE]", JSON.stringify(response, null, 2));
+          if (response.success) {
+            Toast.show({
+              type: "success",
+              text1: "Berhasil Batalkan Review",
+            });
+            router.back();
+          } else {
+            Toast.show({
+              type: "error",
+              text1: "Gagal Batalkan Review",
+            });
+          }
+        } catch (error) {
+          console.log("[ERROR]", error);
+        } finally {
+          setIsLoading(false);
+        }
      },
    });
  };
@@ -27,9 +59,31 @@ export default function Investment_ButtonStatusSection({
      message: "Apakah Anda yakin ingin ajukan review ini?",
      textLeft: "Batal",
      textRight: "Ya",
-      onPressRight: () => {
-        console.log("Hapus");
-        router.back();
+      onPressRight: async () => {
+        try {
+          setIsLoading(true);
+          const response = await apiInvestmentUpdateStatus({
+            id: id as string,
+            status: "review",
+          });
+          console.log("[RESPONSE]", JSON.stringify(response, null, 2));
+          if (response.success) {
+            Toast.show({
+              type: "success",
+              text1: "Berhasil Ajukan Review",
+            });
+            router.back();
+          } else {
+            Toast.show({
+              type: "error",
+              text1: "Gagal Ajukan Review",
+            });
+          }
+        } catch (error) {
+          console.log("[ERROR]", error);
+        } finally {
+          setIsLoading(false);
+        }
      },
    });
  };
@@ -40,9 +94,31 @@ export default function Investment_ButtonStatusSection({
      message: "Apakah Anda yakin ingin edit kembali ini?",
      textLeft: "Batal",
      textRight: "Ya",
-      onPressRight: () => {
-        console.log("Hapus");
-        router.back();
+      onPressRight: async () => {
+        try {
+          setIsLoading(true);
+          const response = await apiInvestmentUpdateStatus({
+            id: id as string,
+            status: "draft",
+          });
+          console.log("[RESPONSE]", JSON.stringify(response, null, 2));
+          if (response.success) {
+            Toast.show({
+              type: "success",
+              text1: "Berhasil Update Status",
+            });
+            router.back();
+          } else {
+            Toast.show({
+              type: "error",
+              text1: "Gagal Update Status",
+            });
+          }
+        } catch (error) {
+          console.log("[ERROR]", error);
+        } finally {
+          setIsLoading(false);
+        }
      },
    });
  };
@@ -53,9 +129,55 @@ export default function Investment_ButtonStatusSection({
      message: "Apakah Anda yakin ingin menghapus data ini?",
      textLeft: "Batal",
      textRight: "Hapus",
-      onPressRight: () => {
-        console.log("Hapus");
-        router.back();
+      onPressRight: async () => {
+        try {
+          setIsLoading(true);
+          const response = await apiInvestmentDelete({
+            id: id as string,
+          });
+
+          console.log("[RESPONSE]", JSON.stringify(response, null, 2));
+          if (response.success) {
+            const deleteImage = await deleteImageService({
+              id: response?.data?.imageId as string,
+            });
+
+            if (!deleteImage.success) {
+              Toast.show({
+                type: "error",
+                text1: "Gagal Hapus Data",
+              });
+              return;
+            }
+
+            const deleteFile = await deleteImageService({
+              id: response?.data?.prospektusFileId as string,
+            });
+
+            if (!deleteFile.success) {
+              Toast.show({
+                type: "error",
+                text1: "Gagal Hapus Data",
+              });
+              return;
+            }
+
+            Toast.show({
+              type: "success",
+              text1: "Berhasil Hapus Data",
+            });
+            router.back();
+          } else {
+            Toast.show({
+              type: "error",
+              text1: "Gagal Hapus Data",
+            });
+          }
+        } catch (error) {
+          console.log("[ERROR]", error);
+        } finally {
+          setIsLoading(false);
+        }
      },
    });
  };
@@ -64,6 +186,7 @@ export default function Investment_ButtonStatusSection({
    return (
      <>
        <ButtonCustom
+          isLoading={isLoading}
          backgroundColor="red"
          textColor="white"
          onPress={handleOpenDeleteAlert}
@@ -76,13 +199,11 @@ export default function Investment_ButtonStatusSection({

  switch (status) {
    case "publish":
-      return <>
-      {buttonPublish}
-      </>;
+      return <>{buttonPublish}</>;

    case "review":
      return (
-        <ButtonCustom onPress={handleBatalkanReview}>
+        <ButtonCustom isLoading={isLoading} onPress={handleBatalkanReview}>
          Batalkan Review
        </ButtonCustom>
      );
@@ -92,7 +213,7 @@ export default function Investment_ButtonStatusSection({
        <>
          <Grid>
            <Grid.Col span={6} style={{ paddingRight: 10 }}>
-              <ButtonCustom onPress={handleAjukanReview}>
+              <ButtonCustom isLoading={isLoading} onPress={handleAjukanReview}>
                Ajukan Review
              </ButtonCustom>
            </Grid.Col>
@@ -108,7 +229,7 @@ export default function Investment_ButtonStatusSection({
        <>
          <Grid>
            <Grid.Col span={6} style={{ paddingRight: 10 }}>
-              <ButtonCustom onPress={handleEditKembali}>
+              <ButtonCustom isLoading={isLoading} onPress={handleEditKembali}>
                Edit Kembali
              </ButtonCustom>
            </Grid.Col>
--- a/screens/Invesment/DetailDataPublishSection.tsx
+++ b/screens/Invesment/DetailDataPublishSection.tsx
@@ -10,26 +10,32 @@ import Investment_ButtonStatusSection from "./ButtonStatusSection";

 export default function Invesment_DetailDataPublishSection({
  status,
+  data,
  bottomSection,
  buttonSection,
 }: {
  status: string;
+  data: any;
  bottomSection?: React.ReactNode;
  buttonSection?: React.ReactNode;
 }) {
+  // console.log("[DATA DETAIL]", JSON.stringify(data, null, 2));
  return (
    <>
      <StackCustom gap={"sm"}>
        <Invesment_BoxProgressSection status={status as string} />
        <Invesment_BoxDetailDataSection
+          title={data?.title}
+          imageId={data?.imageId}
          data={
            status === "publish"
-              ? listDataPublishInvesment
-              : listDataNotPublishInvesment
+              ? listDataPublishInvesment({ data })
+              : listDataNotPublishInvesment({ data })
          }
          bottomSection={bottomSection}
        />
        <Investment_ButtonStatusSection
+          id={data?.id}
          status={status as string}
          buttonPublish={buttonSection}
        />
--- a/screens/Invesment/StatusBox.tsx
+++ b/screens/Invesment/StatusBox.tsx
@@ -1,44 +1,43 @@
 import { BaseBox, Grid, Spacing, TextCustom } from "@/components";
+import API_IMAGE from "@/constants/api-storage";
 import DUMMY_IMAGE from "@/constants/dummy-image-value";
+import { formatCurrencyDisplay } from "@/utils/formatCurrencyDisplay";
 import { Image } from "expo-image";
 import { Href } from "expo-router";
 import { View } from "react-native";

 interface Investment_StatusBoxProps {
-  id: string;
+  data: any;
  status: string;
-  href?: Href
+  href?: Href;
 }

 export default function Investment_StatusBox({
-  id,
+  data,
  status,
-  href
+  href,
 }: Investment_StatusBoxProps) {
  return (
    <BaseBox paddingTop={7} paddingBottom={7} href={href}>
      <Grid>
        <Grid.Col span={6}>
-          <TextCustom truncate={2}>
-            Title here : {status} Lorem ipsum dolor sit amet consectetur
-            adipisicing elit. Omnis, exercitationem, sequi enim quod distinctio
-            maiores laudantium amet, quidem atque repellat sit vitae qui aliquam
-            est veritatis laborum eum voluptatum totam!
-          </TextCustom>
+          <TextCustom truncate={2}>{data?.title || ""}</TextCustom>

          <Spacing />

          <TextCustom bold size="small">
            Target Dana:
          </TextCustom>
-          <TextCustom>Rp. 7.500.000</TextCustom>
+          <TextCustom truncate>
+            Rp. {formatCurrencyDisplay(data?.targetDana) || ""}
+          </TextCustom>
        </Grid.Col>
        <Grid.Col span={1}>
          <View />
        </Grid.Col>
        <Grid.Col span={5}>
          <Image
-            source={DUMMY_IMAGE.background}
+            source={API_IMAGE.GET({ fileId: data?.imageId })}
            style={{ width: "auto", height: 100, borderRadius: 10 }}
          />
        </Grid.Col>