git add . && git commit -m

app/(application)/(user)/investment/[id]/(news)/add-news.tsx

@@ -9,17 +9,89 @@ import {
   TextInputCustom,
   ViewWrapper,
 } from "@/components";
-import { router } from "expo-router";
+import DIRECTORY_ID from "@/constants/directory-id";
+import { apiInvestmentCreateNews } from "@/service/api-client/api-investment";
+import { uploadFileService } from "@/service/upload-service";
+import pickFile, { IFileData } from "@/utils/pickFile";
+import { router, useLocalSearchParams } from "expo-router";
+import { useState } from "react";
+import Toast from "react-native-toast-message";
 
 export default function InvestmentAddNews() {
+  const { id } = useLocalSearchParams();
+  const [image, setImage] = useState<IFileData | null>(null);
+  const [data, setData] = useState({
+    title: "",
+    deskripsi: "",
+  });
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handlerSubmit = async () => {
+    let imageId = "";
+
+    if (!data.title || !data.deskripsi) {
+      Toast.show({
+        type: "error",
+        text1: "Judul dan deskripsi harus diisi",
+      });
+      return;
+    }
+
+    try {
+      setIsLoading(true);
+      if (image) {
+        const uploadImage = await uploadFileService({
+          dirId: DIRECTORY_ID.investasi_berita,
+          imageUri: image.uri,
+        });
+
+        imageId = uploadImage.data.id;
+      }
+
+      const newData = {
+        id: id as string,
+        title: data.title,
+        deskripsi: data.deskripsi,
+        imageId: imageId,
+      };
+
+      const response = await apiInvestmentCreateNews({
+        id: id as string,
+        data: newData,
+      });
+
+      if (response.success) {
+        Toast.show({
+          type: "success",
+          text1: "Berita berhasil disimpan",
+        });
+        router.back();
+      } else {
+        Toast.show({
+          type: "error",
+          text1: "Gagal menyimpan berita",
+        });
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
   return (
     <ViewWrapper>
       <StackCustom gap={"xs"}>
         <InformationBox text="Pengunggahan foto ke aplikasi bersifat opsional dan tidak diwajibkan, Anda dapat menyimpan berita tanpa mengunggah foto." />
-        <LandscapeFrameUploaded />
+        <LandscapeFrameUploaded image={image?.uri} />
         <ButtonCenteredOnly
           onPress={() => {
-            router.push("/(application)/(image)/take-picture/123");
+            pickFile({
+              allowedType: "image",
+              setImageUri(file) {
+                setImage(file);
+              },
+            });
           }}
           icon="upload"
         >
@@ -30,6 +102,8 @@ export default function InvestmentAddNews() {
           label="Judul Berita"
           placeholder="Masukan judul berita"
           required
+          value={data.title}
+          onChangeText={(value) => setData({ ...data, title: value })}
         />
         <TextAreaCustom
           label="Deskripsi Berita"
@@ -37,13 +111,11 @@ export default function InvestmentAddNews() {
           required
           showCount
           maxLength={1000}
+          value={data.deskripsi}
+          onChangeText={(value) => setData({ ...data, deskripsi: value })}
         />
 
-        <ButtonCustom
-          onPress={() => {
-            router.back();
-          }}
-        >
+        <ButtonCustom isLoading={isLoading} onPress={handlerSubmit}>
           Simpan
         </ButtonCustom>
       </StackCustom>