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
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
/* eslint-disable react-hooks/exhaustive-deps */
|
||||
import {
|
||||
ButtonCenteredOnly,
|
||||
ButtonCustom,
|
||||
@@ -7,34 +8,192 @@ import {
|
||||
Spacing,
|
||||
StackCustom,
|
||||
TextInputCustom,
|
||||
ViewWrapper
|
||||
ViewWrapper,
|
||||
} from "@/components";
|
||||
import API_STRORAGE from "@/constants/base-url-api-strorage";
|
||||
import DIRECTORY_ID from "@/constants/directory-id";
|
||||
import dummyPembagianDeviden from "@/lib/dummy-data/investment/pembagian-deviden";
|
||||
import dummyListPencarianInvestor from "@/lib/dummy-data/investment/pencarian-investor";
|
||||
import dummyPeriodeDeviden from "@/lib/dummy-data/investment/periode-deviden";
|
||||
import { router } from "expo-router";
|
||||
import { useState } from "react";
|
||||
import {
|
||||
apiInvestmentGetById,
|
||||
apiInvestmentUpdateData,
|
||||
} from "@/service/api-client/api-investment";
|
||||
import {
|
||||
deleteImageService,
|
||||
uploadImageService,
|
||||
} from "@/service/upload-service";
|
||||
import { formatCurrencyDisplay } from "@/utils/formatCurrencyDisplay";
|
||||
import pickFile from "@/utils/pickFile";
|
||||
import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
|
||||
import { useCallback, useState } from "react";
|
||||
import Toast from "react-native-toast-message";
|
||||
|
||||
interface IInvestment {
|
||||
title?: string;
|
||||
targetDana?: string;
|
||||
hargaLembar?: string;
|
||||
totalLembar?: string;
|
||||
roi?: string;
|
||||
masterPencarianInvestorId?: string;
|
||||
masterPeriodeDevidenId?: string;
|
||||
masterPembagianDevidenId?: string;
|
||||
authorId?: string;
|
||||
imageId?: string;
|
||||
prospektusFileId?: string;
|
||||
}
|
||||
|
||||
export default function InvestmentEdit() {
|
||||
const [data, setData] = useState({
|
||||
const { id } = useLocalSearchParams();
|
||||
const [data, setData] = useState<IInvestment>({
|
||||
title: "",
|
||||
targetDana: 0,
|
||||
hargaPerLembar: 0,
|
||||
totalLembar: 0,
|
||||
rasioKeuntungan: 0,
|
||||
pencarianInvestor: "",
|
||||
periodeDeviden: "",
|
||||
pembagianDeviden: "",
|
||||
targetDana: "",
|
||||
hargaLembar: "",
|
||||
totalLembar: "",
|
||||
roi: "",
|
||||
masterPencarianInvestorId: "",
|
||||
masterPeriodeDevidenId: "",
|
||||
masterPembagianDevidenId: "",
|
||||
authorId: "",
|
||||
imageId: "",
|
||||
prospektusFileId: "",
|
||||
});
|
||||
|
||||
const [image, setImage] = useState<string | null>(null);
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
|
||||
const displayTargetDana = formatCurrencyDisplay(data?.targetDana);
|
||||
const displayHargaPerLembar = formatCurrencyDisplay(data?.hargaLembar);
|
||||
const displayTotalLembar = formatCurrencyDisplay(
|
||||
Number(data?.targetDana) / Number(data?.hargaLembar)
|
||||
);
|
||||
|
||||
const handleChangeCurrency = (field: keyof typeof data) => (text: string) => {
|
||||
const numeric = text.replace(/\D/g, "");
|
||||
setData((prev) => ({ ...prev, [field]: numeric }));
|
||||
};
|
||||
|
||||
useFocusEffect(
|
||||
useCallback(() => {
|
||||
onLoadData();
|
||||
}, [id])
|
||||
);
|
||||
|
||||
const onLoadData = async () => {
|
||||
try {
|
||||
const response = await apiInvestmentGetById({
|
||||
id: id as string,
|
||||
});
|
||||
// console.log("[DATA]", JSON.stringify(response.data, null, 2));
|
||||
setData(response.data);
|
||||
} catch (error) {
|
||||
console.log("[ERROR]", error);
|
||||
}
|
||||
};
|
||||
|
||||
const handleSubmitUpdate = async () => {
|
||||
let newData = {
|
||||
...data,
|
||||
};
|
||||
|
||||
if (
|
||||
newData?.title === "" ||
|
||||
newData?.targetDana === "" ||
|
||||
newData?.hargaLembar === "" ||
|
||||
newData?.totalLembar === "" ||
|
||||
newData?.roi === "" ||
|
||||
newData?.masterPencarianInvestorId === "" ||
|
||||
newData?.masterPeriodeDevidenId === "" ||
|
||||
newData?.masterPembagianDevidenId === ""
|
||||
) {
|
||||
Toast.show({
|
||||
type: "info",
|
||||
text1: "Harap isi semua data",
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
setIsLoading(true);
|
||||
|
||||
if (image) {
|
||||
const responseUploadImage = await uploadImageService({
|
||||
imageUri: image,
|
||||
dirId: DIRECTORY_ID.investasi_image,
|
||||
});
|
||||
|
||||
if (!responseUploadImage.success) {
|
||||
Toast.show({
|
||||
type: "error",
|
||||
text1: "Gagal mengunggah gambar",
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
const deletePrevImage = await deleteImageService({
|
||||
id: data?.imageId as any,
|
||||
});
|
||||
|
||||
if (!deletePrevImage.success) {
|
||||
Toast.show({
|
||||
type: "error",
|
||||
text1: "Gagal menghapus gambar",
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
newData = {
|
||||
...newData,
|
||||
imageId: responseUploadImage.data.id,
|
||||
};
|
||||
}
|
||||
|
||||
const responseUpdate = await apiInvestmentUpdateData({
|
||||
id: id as string,
|
||||
data: newData,
|
||||
});
|
||||
|
||||
console.log("[RESPONSE UPDATE]", JSON.parse(JSON.stringify(responseUpdate)));
|
||||
|
||||
if (responseUpdate.success) {
|
||||
Toast.show({
|
||||
type: "success",
|
||||
text1: "Data berhasil diupdate",
|
||||
});
|
||||
router.back();
|
||||
} else {
|
||||
Toast.show({
|
||||
type: "error",
|
||||
text1: responseUpdate.message,
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.log("[ERROR]", error);
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<ViewWrapper>
|
||||
<StackCustom gap={"xs"}>
|
||||
<InformationBox text="Gambar investasi bisa berupa ilustrasi, poster atau foto terkait investasi." />
|
||||
<LandscapeFrameUploaded />
|
||||
<LandscapeFrameUploaded
|
||||
image={
|
||||
image ? image : API_STRORAGE.GET({ fileId: data?.imageId as any })
|
||||
}
|
||||
/>
|
||||
<ButtonCenteredOnly
|
||||
icon="upload"
|
||||
onPress={() => router.push("/take-picture/1")}
|
||||
onPress={() => {
|
||||
pickFile({
|
||||
setImageUri: ({ uri }) => {
|
||||
console.log("URI IMAGE", uri);
|
||||
setImage(uri);
|
||||
},
|
||||
allowedType: "image",
|
||||
});
|
||||
}}
|
||||
>
|
||||
Upload
|
||||
</ButtonCenteredOnly>
|
||||
@@ -47,7 +206,7 @@ export default function InvestmentEdit() {
|
||||
required
|
||||
placeholder="Judul"
|
||||
label="Judul"
|
||||
value={data.title}
|
||||
value={data?.title}
|
||||
onChangeText={(value) => setData({ ...data, title: value })}
|
||||
/>
|
||||
|
||||
@@ -57,22 +216,8 @@ export default function InvestmentEdit() {
|
||||
placeholder="0"
|
||||
label="Target Dana"
|
||||
keyboardType="numeric"
|
||||
onChangeText={(value) =>
|
||||
setData({ ...data, targetDana: Number(value) })
|
||||
}
|
||||
value={data.targetDana === 0 ? "" : data.targetDana.toString()}
|
||||
/>
|
||||
|
||||
<TextInputCustom
|
||||
required
|
||||
iconLeft="Rp."
|
||||
placeholder="0"
|
||||
label="Target Dana"
|
||||
keyboardType="numeric"
|
||||
onChangeText={(value) =>
|
||||
setData({ ...data, targetDana: Number(value) })
|
||||
}
|
||||
value={data.targetDana === 0 ? "" : data.targetDana.toString()}
|
||||
onChangeText={handleChangeCurrency("targetDana")}
|
||||
value={displayTargetDana}
|
||||
/>
|
||||
|
||||
<TextInputCustom
|
||||
@@ -81,10 +226,8 @@ export default function InvestmentEdit() {
|
||||
placeholder="0"
|
||||
label="Harga Per Lembar"
|
||||
keyboardType="numeric"
|
||||
onChangeText={(value) =>
|
||||
setData({ ...data, targetDana: Number(value) })
|
||||
}
|
||||
value={data.targetDana === 0 ? "" : data.targetDana.toString()}
|
||||
onChangeText={handleChangeCurrency("hargaLembar")}
|
||||
value={displayHargaPerLembar}
|
||||
/>
|
||||
|
||||
<TextInputCustom
|
||||
@@ -92,10 +235,8 @@ export default function InvestmentEdit() {
|
||||
placeholder="0"
|
||||
label="Total Lembar"
|
||||
keyboardType="numeric"
|
||||
onChangeText={(value) =>
|
||||
setData({ ...data, totalLembar: Number(value) })
|
||||
}
|
||||
value={data.totalLembar === 0 ? "" : data.totalLembar.toString()}
|
||||
onChangeText={(value) => setData({ ...data, totalLembar: value })}
|
||||
value={displayTotalLembar}
|
||||
/>
|
||||
|
||||
<TextInputCustom
|
||||
@@ -104,12 +245,8 @@ export default function InvestmentEdit() {
|
||||
label="Rasio Keuntungan / ROI %"
|
||||
placeholder="0"
|
||||
keyboardType="numeric"
|
||||
onChangeText={(value) =>
|
||||
setData({ ...data, rasioKeuntungan: Number(value) })
|
||||
}
|
||||
value={
|
||||
data.rasioKeuntungan === 0 ? "" : data.rasioKeuntungan.toString()
|
||||
}
|
||||
onChangeText={(value) => setData({ ...data, roi: value })}
|
||||
value={data?.roi === "" ? "" : data?.roi}
|
||||
/>
|
||||
|
||||
<SelectCustom
|
||||
@@ -121,9 +258,9 @@ export default function InvestmentEdit() {
|
||||
value: item.id,
|
||||
}))}
|
||||
onChange={(value) =>
|
||||
setData({ ...data, pencarianInvestor: value as any })
|
||||
setData({ ...data, masterPencarianInvestorId: value as any })
|
||||
}
|
||||
value={data.pencarianInvestor}
|
||||
value={data.masterPencarianInvestorId}
|
||||
/>
|
||||
|
||||
<SelectCustom
|
||||
@@ -135,9 +272,9 @@ export default function InvestmentEdit() {
|
||||
value: item.id,
|
||||
}))}
|
||||
onChange={(value) =>
|
||||
setData({ ...data, periodeDeviden: value as any })
|
||||
setData({ ...data, masterPeriodeDevidenId: value as any })
|
||||
}
|
||||
value={data.periodeDeviden}
|
||||
value={data.masterPeriodeDevidenId}
|
||||
/>
|
||||
|
||||
<SelectCustom
|
||||
@@ -149,12 +286,12 @@ export default function InvestmentEdit() {
|
||||
value: item.id,
|
||||
}))}
|
||||
onChange={(value) =>
|
||||
setData({ ...data, pembagianDeviden: value as any })
|
||||
setData({ ...data, masterPembagianDevidenId: value as any })
|
||||
}
|
||||
value={data.pembagianDeviden}
|
||||
value={data.masterPembagianDevidenId}
|
||||
/>
|
||||
<Spacing />
|
||||
<ButtonCustom onPress={() => router.replace("/investment/portofolio")}>
|
||||
<ButtonCustom isLoading={isLoading} onPress={handleSubmitUpdate}>
|
||||
Simpan
|
||||
</ButtonCustom>
|
||||
</StackCustom>
|
||||
|
||||
Reference in New Issue
Block a user