upd: project

Deskripsi:
- tambah file
- hapus file
- upload file pada tambah data
- download file blm selesai

No Issues

app/(application)/project/create.tsx

@@ -2,8 +2,10 @@ import BorderBottomItem from "@/components/borderBottomItem";
 import ButtonBackHeader from "@/components/buttonBackHeader";
 import ButtonSaveHeader from "@/components/buttonSaveHeader";
 import ButtonSelect from "@/components/buttonSelect";
+import DrawerBottom from "@/components/drawerBottom";
 import ImageUser from "@/components/imageNew";
 import { InputForm } from "@/components/inputForm";
+import MenuItemRow from "@/components/menuItemRow";
 import ModalSelect from "@/components/modalSelect";
 import SectionListAddTask from "@/components/project/sectionListAddTask";
 import SelectForm from "@/components/selectForm";
@@ -13,6 +15,8 @@ import { setMemberChoose } from "@/lib/memberChoose";
 import { setUpdateProject } from "@/lib/projectUpdate";
 import { setTaskCreate } from "@/lib/taskCreate";
 import { useAuthSession } from "@/providers/AuthProvider";
+import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
+import * as DocumentPicker from "expo-document-picker";
 import { router, Stack } from "expo-router";
 import { useEffect, useState } from "react";
 import {
@@ -34,8 +38,10 @@ export default function CreateProject() {
    const entitiesMember = useSelector((state: any) => state.memberChoose);
    const taskCreate = useSelector((state: any) => state.taskCreate);
    const update = useSelector((state: any) => state.projectUpdate)
-   const [fileForm, setFileForm] = useState([])
+   const [fileForm, setFileForm] = useState<any[]>([])
+   const [indexDelFile, setIndexDelFile] = useState<number>(0)
    const [disableBtn, setDisableBtn] = useState(true)
+   const [isModal, setModal] = useState(false)
    const [dataForm, setDataForm] = useState({
       idGroup: "",
       title: "",
@@ -96,12 +102,19 @@ export default function CreateProject() {
       try {
          const hasil = await decryptToken(String(token?.current))
          const fd = new FormData()
+
          for (let i = 0; i < fileForm.length; i++) {
-            fd.append(`file${i}`, fileForm[i]);
+            fd.append(`file${i}`, {
+               uri: fileForm[i].uri,
+               type: 'application/octet-stream',
+               name: fileForm[i].name,
+            } as any);
          }
+
          fd.append("data", JSON.stringify(
             { user: hasil, task: taskCreate, member: entitiesMember, ...dataForm }
          ))
+         
          const response = await apiCreateProject(fd)
          if (response.success) {
             dispatch(setUpdateProject({ ...update, data: !update.data }))
@@ -128,6 +141,23 @@ export default function CreateProject() {
       checkForm()
    }, [error, dataForm, entitiesMember, taskCreate])
 
+   const pickDocumentAsync = async () => {
+      let result = await DocumentPicker.getDocumentAsync({
+         type: ["*/*"],
+         multiple: false
+      });
+      if (!result.canceled) {
+         if (result.assets[0].uri) {
+            setFileForm([...fileForm, result.assets[0]])
+         }
+      }
+   };
+
+   function deleteFile(index: number) {
+      setFileForm([...fileForm.filter((val, i) => i !== index)])
+      setModal(false)
+   }
+
 
    return (
       <SafeAreaView>
@@ -143,7 +173,7 @@ export default function CreateProject() {
                headerTitle: "Tambah Kegiatan",
                headerTitleAlign: "center",
                headerRight: () => (
-                  <ButtonSaveHeader 
+                  <ButtonSaveHeader
                      disable={disableBtn}
                      category="create"
                      onPress={() => {
@@ -188,7 +218,7 @@ export default function CreateProject() {
                   error={error.task}
                   errorText="Tanggal & Tugas tidak boleh kosong"
                />
-               <ButtonSelect value="Upload File" />
+               <ButtonSelect value="Upload File" onPress={pickDocumentAsync} />
                <ButtonSelect
                   value="Pilih Anggota"
                   onPress={() => {
@@ -206,6 +236,27 @@ export default function CreateProject() {
                   errorText="Anggota tidak boleh kosong"
                />
                <SectionListAddTask />
+               {
+                  fileForm.length > 0 && (
+                     <View style={[Styles.mb15]}>
+                        <Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>File</Text>
+                        <View style={[Styles.wrapPaper]}>
+                           {
+                              fileForm.map((item, index) => (
+                                 <BorderBottomItem
+                                    key={index}
+                                    borderType="all"
+                                    icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
+                                    title={item.name}
+                                    titleWeight="normal"
+                                    onPress={() => { setIndexDelFile(index); setModal(true) }}
+                                 />
+                              ))
+                           }
+                        </View>
+                     </View>
+                  )
+               }
                {entitiesMember.length > 0 && (
                   <View>
                      <View style={[Styles.rowSpaceBetween, Styles.mv05]}>
@@ -236,6 +287,15 @@ export default function CreateProject() {
                )}
             </View>
          </ScrollView>
+         <DrawerBottom animation="slide" isVisible={isModal} setVisible={setModal} title="Menu">
+            <View style={Styles.rowItemsCenter}>
+               <MenuItemRow
+                  icon={<Ionicons name="trash" color="black" size={25} />}
+                  title="Hapus"
+                  onPress={() => { deleteFile(indexDelFile) }}
+               />
+            </View>
+         </DrawerBottom>
 
          <ModalSelect
             category={valSelect}