upd: task division

>
> Deskripsi:
> - list task divisi
> - pencarian task divisi
> - detail task divisi
> - update status tugas task divisi
> - detail tugas task divisi
> - edit tugas task divisi
> - hapus tugas task divisi
> - hapus file task divisi
> - hapus member
> - tambah tugas task divisi
> - check file task divisi
> - tambah file task divisi
> - edit task divisi
> - cancel task divisi
> - tambah member task divisi
>
> No Issues

components/task/sectionFileTask.tsx

@@ -1,34 +1,87 @@
 import Styles from "@/constants/Styles";
+import { apiDeleteFileTask, apiGetTaskOne } from "@/lib/api";
+import { setUpdateTask } from "@/lib/taskUpdate";
+import { useAuthSession } from "@/providers/AuthProvider";
 import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
-import { useState } from "react";
+import { useLocalSearchParams } from "expo-router";
+import { useEffect, useState } from "react";
 import { Text, ToastAndroid, View } from "react-native";
+import { useDispatch, useSelector } from "react-redux";
 import AlertKonfirmasi from "../alertKonfirmasi";
 import BorderBottomItem from "../borderBottomItem";
 import DrawerBottom from "../drawerBottom";
 import MenuItemRow from "../menuItemRow";
 
+type Props = {
+   id: string
+   name: string
+   extension: string
+   idStorage: string
+}
+
 export default function SectionFileTask() {
    const [isModal, setModal] = useState(false)
+   const { token, decryptToken } = useAuthSession()
+   const { detail } = useLocalSearchParams<{ detail: string }>();
+   const [data, setData] = useState<Props[]>([])
+   const [idSelect, setIdSelect] = useState('')
+   const update = useSelector((state: any) => state.taskUpdate)
+   const dispatch = useDispatch()
+
+   async function handleLoad() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiGetTaskOne({ id: detail, user: hasil, cat: 'file' })
+         setData(response.data)
+      } catch (error) {
+         console.error(error)
+      }
+   }
+
+   useEffect(() => {
+      handleLoad()
+   }, [update.file])
+
+   async function handleDelete() {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiDeleteFileTask({ user: hasil }, idSelect);
+         if (response.success) {
+            ToastAndroid.show('Berhasil menghapus file', ToastAndroid.SHORT)
+            dispatch(setUpdateTask({ ...update, file: !update.file }))
+         } else {
+            ToastAndroid.show(response.message, ToastAndroid.SHORT)
+         }
+      } catch (error) {
+         console.error(error);
+         ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT)
+      } finally {
+         setModal(false)
+      }
+   }
 
    return (
       <>
          <View style={[Styles.mb15]}>
             <Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>File</Text>
             <View style={[Styles.wrapPaper]}>
-               <BorderBottomItem
-                  borderType="all"
-                  icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
-                  title="image_pertama.jpg"
-                  titleWeight="normal"
-                  onPress={() => { setModal(true) }}
-               />
-               <BorderBottomItem
-                  borderType="all"
-                  icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
-                  title="file_kedua.pdf"
-                  titleWeight="normal"
-                  onPress={() => { setModal(true) }}
-               />
+               {
+                  data.length > 0 ?
+                     data.map((item, index) => {
+                        return (
+                           <BorderBottomItem
+                              key={index}
+                              borderType="all"
+                              icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
+                              title={item.name + '.' + item.extension}
+                              titleWeight="normal"
+                              onPress={() => { setIdSelect(item.id); setModal(true) }}
+                           />
+                        )
+                     })
+                     :
+                     <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada file</Text>
+               }
             </View>
          </View>
 
@@ -57,8 +110,7 @@ export default function SectionFileTask() {
                         title: 'Konfirmasi',
                         desc: 'Apakah Anda yakin ingin menghapus file ini? File yang dihapus tidak dapat dikembalikan',
                         onPress: () => {
-                           setModal(false)
-                           ToastAndroid.show('Berhasil menghapus data', ToastAndroid.SHORT)
+                           handleDelete()
                         }
                      })