upd: project

Deskripsi:
- delete project yg telah dibatalkan
- akses fitur by user role
- tampilan text yg panjang

No Issues

components/project/headerProjectDetail.tsx

@@ -1,18 +1,46 @@
 import Styles from "@/constants/Styles"
-import { AntDesign, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
+import { apiDeleteProject } from "@/lib/api"
+import { setUpdateProject } from "@/lib/projectUpdate"
+import { useAuthSession } from "@/providers/AuthProvider"
+import { AntDesign, Ionicons, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
 import { router } from "expo-router"
 import { useState } from "react"
-import { View } from "react-native"
+import { ToastAndroid, View } from "react-native"
+import { useDispatch, useSelector } from "react-redux"
+import AlertKonfirmasi from "../alertKonfirmasi"
 import ButtonMenuHeader from "../buttonMenuHeader"
 import DrawerBottom from "../drawerBottom"
 import MenuItemRow from "../menuItemRow"
 
 type Props = {
    id: string | string[]
+   status: number | undefined
 }
 
-export default function HeaderRightProjectDetail({ id }: Props) {
+export default function HeaderRightProjectDetail({ id, status }: Props) {
+   const entityUser = useSelector((state: any) => state.user)
+   const { token, decryptToken } = useAuthSession()
    const [isVisible, setVisible] = useState(false)
+   const dispatch = useDispatch()
+   const update = useSelector((state: any) => state.projectUpdate)
+
+   async function handleDelete() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiDeleteProject({ user: hasil }, String(id))
+         if (response.success) {
+            dispatch(setUpdateProject({ ...update, data: !update.data }))
+            ToastAndroid.show('Berhasil menghapus kegiatan', ToastAndroid.SHORT)
+            router.back()
+         } else {
+            ToastAndroid.show('Gagal menghapus kegiatan', ToastAndroid.SHORT)
+         }
+      } catch (error) {
+         console.error(error)
+      } finally {
+         setVisible(false)
+      }
+   }
 
    return (
       <>
@@ -23,47 +51,75 @@ export default function HeaderRightProjectDetail({ id }: Props) {
                   icon={<AntDesign name="pluscircle" color="black" size={25} />}
                   title="Tambah Tugas"
                   onPress={() => {
+                     if (status == 3) return
                      setVisible(false)
                      router.push(`/project/${id}/add-task`)
                   }}
+                  disabled={status == 3}
                />
                <MenuItemRow
                   icon={<MaterialCommunityIcons name="file-plus" color="black" size={25} />}
                   title="Tambah File"
                   onPress={() => {
+                     if (status == 3) return
                      setVisible(false)
                      router.push(`/project/${id}/add-file`)
                   }}
+                  disabled={status == 3}
                />
-
-               <MenuItemRow
-                  icon={<MaterialIcons name="groups" color="black" size={25} />}
-                  title="Tambah Anggota"
-                  onPress={() => {
-                     setVisible(false)
-                     router.push(`/project/${id}/add-member`)
-                  }}
-               />
-
-            </View>
-            <View style={[Styles.rowItemsCenter, Styles.mt15]}>
-               <MenuItemRow
-                  icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
-                  title="Edit"
-                  onPress={() => {
-                     setVisible(false)
-                     router.push(`/project/${id}/edit`)
-                  }}
-               />
-               <MenuItemRow
-                  icon={<MaterialIcons name="close" color="black" size={25} />}
-                  title="Batal"
-                  onPress={() => {
-                     setVisible(false)
-                     router.push(`/project/${id}/cancel`)
-                  }}
-               />
+               {
+                  entityUser.role != "user" && entityUser.role != "coadmin" &&
+                  <MenuItemRow
+                     icon={<MaterialIcons name="groups" color="black" size={25} />}
+                     title="Tambah Anggota"
+                     onPress={() => {
+                        if (status == 3) return
+                        setVisible(false)
+                        router.push(`/project/${id}/add-member`)
+                     }}
+                     disabled={status == 3}
+                  />
+               }
             </View>
+            {
+               entityUser.role != "user" && entityUser.role != "coadmin" &&
+               <View style={[Styles.rowItemsCenter, Styles.mt15]}>
+                  <MenuItemRow
+                     icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
+                     title="Edit"
+                     onPress={() => {
+                        if (status == 3) return
+                        setVisible(false)
+                        router.push(`/project/${id}/edit`)
+                     }}
+                     disabled={status == 3}
+                  />
+                  {
+                     status == 3
+                        ?
+                        <MenuItemRow
+                           icon={<Ionicons name="trash" color="black" size={25} />}
+                           title="Hapus"
+                           onPress={() => {
+                              AlertKonfirmasi({
+                                 title: 'Konfirmasi',
+                                 desc: 'Apakah Anda yakin ingin menghapus kegiatan ini? Kegiatan yang dihapus tidak dapat dikembalikan',
+                                 onPress: () => { handleDelete() }
+                              })
+                           }}
+                        />
+                        :
+                        <MenuItemRow
+                           icon={<MaterialIcons name="close" color="black" size={25} />}
+                           title="Batal"
+                           onPress={() => {
+                              setVisible(false)
+                              router.push(`/project/${id}/cancel`)
+                           }}
+                        />
+                  }
+               </View>
+            }
          </DrawerBottom>
       </>
    )