upd: upload link

Deskripsi:
- tampilan section link pada project dan tugas divisi
- tampilan tambah link pada project dan tugas divisi
- integrasi api tambah data link pada project dan tugas divisi
- integrasi api hapus data link pada project dan tugas divisi

No Issues

components/task/headerTaskDetail.tsx

@@ -1,8 +1,8 @@
 import Styles from "@/constants/Styles"
-import { apiDeleteTask, apiGetDivisionOneFeature } from "@/lib/api"
+import { apiAddLinkTask, apiDeleteTask, apiGetDivisionOneFeature } from "@/lib/api"
 import { setUpdateTask } from "@/lib/taskUpdate"
 import { useAuthSession } from "@/providers/AuthProvider"
-import { AntDesign, Ionicons, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
+import { AntDesign, Feather, Ionicons, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
 import { router } from "expo-router"
 import { useEffect, useState } from "react"
 import { View } from "react-native"
@@ -11,7 +11,9 @@ import { useDispatch, useSelector } from "react-redux"
 import AlertKonfirmasi from "../alertKonfirmasi"
 import ButtonMenuHeader from "../buttonMenuHeader"
 import DrawerBottom from "../drawerBottom"
+import { InputForm } from "../inputForm"
 import MenuItemRow from "../menuItemRow"
+import ModalFloat from "../modalFloat"
 
 type Props = {
    id: string | string[]
@@ -27,6 +29,8 @@ export default function HeaderRightTaskDetail({ id, division, status }: Props) {
    const [isAdminDivision, setIsAdminDivision] = useState(false);
    const dispatch = useDispatch()
    const update = useSelector((state: any) => state.taskUpdate)
+   const [isAddLink, setAddLink] = useState(false)
+   const [link, setLink] = useState("")
 
    async function handleCheckMember() {
       try {
@@ -72,6 +76,23 @@ export default function HeaderRightTaskDetail({ id, division, status }: Props) {
       }
    }
 
+   async function handleAddLink() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiAddLinkTask({ user: hasil, link, idDivision: division }, String(id))
+         if (response.success) {
+            dispatch(setUpdateTask({ ...update, link: !update.link }))
+            Toast.show({ type: 'small', text1: 'Berhasil menambahkan link', })
+         } else {
+            Toast.show({ type: 'small', text1: 'Gagal menambahkan link', })
+         }
+      } catch (error) {
+         console.error(error)
+      } finally {
+         setAddLink(false)
+      }
+   }
+
    return (
       <>
          {
@@ -102,9 +123,25 @@ export default function HeaderRightTaskDetail({ id, division, status }: Props) {
                   }}
                   disabled={status == 3}
                />
-               {
-                  ((entityUser.role != "user" && entityUser.role != "coadmin") || isAdminDivision)
-                  &&
+
+               <MenuItemRow
+                  icon={<Feather name="link" color="black" size={25} />}
+                  title="Tambah Link"
+                  onPress={() => {
+                     if (status == 3) return
+                     setVisible(false)
+                     setTimeout(() => {
+                        setAddLink(true)
+                     }, 600)
+                  }}
+                  disabled={status == 3}
+               />
+            </View>
+
+            {
+               ((entityUser.role != "user" && entityUser.role != "coadmin") || isAdminDivision)
+               &&
+               <View style={[Styles.rowItemsCenter, Styles.mt15]}>
                   <MenuItemRow
                      icon={<MaterialIcons name="groups" color="black" size={25} />}
                      title="Tambah Anggota"
@@ -115,15 +152,6 @@ export default function HeaderRightTaskDetail({ id, division, status }: Props) {
                      }}
                      disabled={status == 3}
                   />
-
-               }
-
-            </View>
-
-            {
-               ((entityUser.role != "user" && entityUser.role != "coadmin") || isAdminDivision)
-               &&
-               <View style={[Styles.rowItemsCenter, Styles.mt15]}>
                   <MenuItemRow
                      icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
                      title="Edit"
@@ -163,6 +191,23 @@ export default function HeaderRightTaskDetail({ id, division, status }: Props) {
                </View>
             }
          </DrawerBottom>
+
+         <ModalFloat
+            title="Tambah Link"
+            isVisible={isAddLink}
+            setVisible={() => { setAddLink(false) }}
+            onSubmit={() => { handleAddLink() }}
+            disableSubmit={link == ""}
+         >
+            <View>
+               <InputForm
+                  type="default"
+                  placeholder="Masukkan link"
+                  value={link}
+                  onChange={(text) => { setLink(text) }}
+               />
+            </View>
+         </ModalFloat>
       </>
    )
 }