upd: task divisi

Deskripsi:
- update role akses task divisi

No Issues'

app/(application)/division/[id]/(fitur-division)/task/[detail]/index.tsx

@@ -8,7 +8,7 @@ import SectionMemberTask from "@/components/task/sectionMemberTask";
 import SectionReportTask from "@/components/task/sectionReportTask";
 import SectionTanggalTugasTask from "@/components/task/sectionTanggalTugasTask";
 import Styles from "@/constants/Styles";
-import { apiGetTaskOne } from "@/lib/api";
+import { apiGetDivisionOneFeature, apiGetTaskOne } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
@@ -32,6 +32,35 @@ export default function DetailTaskDivision() {
    const [progress, setProgress] = useState(0)
    const update = useSelector((state: any) => state.taskUpdate)
    const [refreshing, setRefreshing] = useState(false)
+   const [isMemberDivision, setIsMemberDivision] = useState(false);
+   const [isAdminDivision, setIsAdminDivision] = useState(false);
+   const entityUser = useSelector((state: any) => state.user);
+
+   async function handleCheckMember() {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiGetDivisionOneFeature({
+            id,
+            user: hasil,
+            cat: "check-member",
+         });
+
+         setIsMemberDivision(response.data);
+
+         const response2 = await apiGetDivisionOneFeature({
+            id,
+            user: hasil,
+            cat: "check-admin",
+         });
+         setIsAdminDivision(response2.data);
+      } catch (error) {
+         console.error(error);
+      }
+   }
+
+   useEffect(() => {
+      handleCheckMember()
+   }, [])
 
 
    async function handleLoad(cat: 'data' | 'progress') {
@@ -74,7 +103,9 @@ export default function DetailTaskDivision() {
                headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
                headerTitle: loading ? 'Loading...                            ' : data?.title,
                headerTitleAlign: 'center',
-               headerRight: () => <HeaderRightTaskDetail id={detail} division={id} status={data?.status} />,
+               headerRight: () => (entityUser.role == "user" || entityUser.role == "coadmin") && !isMemberDivision
+                  ? <></>
+                  : <HeaderRightTaskDetail id={detail} division={id} status={data?.status} isAdminDivision={isAdminDivision} />,
             }}
          />
          <ScrollView
@@ -91,10 +122,10 @@ export default function DetailTaskDivision() {
                }
                <SectionProgress text={`Kemajuan Kegiatan ${progress}%`} progress={progress} />
                <SectionReportTask refreshing={refreshing} />
-               <SectionTanggalTugasTask refreshing={refreshing} />
+               <SectionTanggalTugasTask refreshing={refreshing} isMemberDivision={isMemberDivision} />
-               <SectionFileTask refreshing={refreshing} />
+               <SectionFileTask refreshing={refreshing} isMemberDivision={isMemberDivision} />
-               <SectionLinkTask refreshing={refreshing} />
+               <SectionLinkTask refreshing={refreshing} isMemberDivision={isMemberDivision} />
-               <SectionMemberTask refreshing={refreshing} />
+               <SectionMemberTask refreshing={refreshing} isMemberDivision={isMemberDivision} />
             </View>
          </ScrollView>
       </SafeAreaView>

components/task/headerTaskDetail.tsx

@@ -1,10 +1,10 @@
 import Styles from "@/constants/Styles"
-import { apiAddLinkTask, apiDeleteTask, apiGetDivisionOneFeature } from "@/lib/api"
+import { apiAddLinkTask, apiDeleteTask } from "@/lib/api"
 import { setUpdateTask } from "@/lib/taskUpdate"
 import { useAuthSession } from "@/providers/AuthProvider"
 import { AntDesign, Feather, Ionicons, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
 import { router } from "expo-router"
-import { useEffect, useState } from "react"
+import { useState } from "react"
 import { View } from "react-native"
 import Toast from "react-native-toast-message"
 import { useDispatch, useSelector } from "react-redux"
@@ -18,46 +18,19 @@ import ModalFloat from "../modalFloat"
 type Props = {
    id: string | string[]
    division: string
-   status: number | undefined
+   status: number | undefined,
+   isAdminDivision: boolean
 }
 
-export default function HeaderRightTaskDetail({ id, division, status }: Props) {
+export default function HeaderRightTaskDetail({ id, division, status, isAdminDivision }: Props) {
    const { token, decryptToken } = useAuthSession()
    const [isVisible, setVisible] = useState(false)
    const entityUser = useSelector((state: any) => state.user);
-   const [isMemberDivision, setIsMemberDivision] = useState(false);
-   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 {
-         const hasil = await decryptToken(String(token?.current));
-         const response = await apiGetDivisionOneFeature({
-            id: division,
-            user: hasil,
-            cat: "check-member",
-         });
-
-         setIsMemberDivision(response.data);
-
-         const response2 = await apiGetDivisionOneFeature({
-            id: division,
-            user: hasil,
-            cat: "check-admin",
-         });
-         setIsAdminDivision(response2.data);
-      } catch (error) {
-         console.error(error);
-      }
-   }
-
-   useEffect(() => {
-      handleCheckMember()
-   }, [])
-
    async function handleDelete() {
       try {
          const hasil = await decryptToken(String(token?.current))
@@ -95,12 +68,7 @@ export default function HeaderRightTaskDetail({ id, division, status }: Props) {
 
    return (
       <>
-         {
-            (entityUser.role == "user" || entityUser.role == "coadmin") && !isMemberDivision
-               ? <></>
-               :
          <ButtonMenuHeader onPress={() => { setVisible(true) }} />
-         }
          <DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu" height={30}>
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow

components/task/sectionFileTask.tsx

@@ -28,7 +28,7 @@ type Props = {
    idStorage: string
 }
 
-export default function SectionFileTask({ refreshing }: { refreshing: boolean }) {
+export default function SectionFileTask({ refreshing, isMemberDivision }: { refreshing: boolean, isMemberDivision: boolean }) {
    const [isModal, setModal] = useState(false)
    const { token, decryptToken } = useAuthSession()
    const { detail } = useLocalSearchParams<{ detail: string }>()
@@ -39,6 +39,7 @@ export default function SectionFileTask({ refreshing }: { refreshing: boolean })
    const arrSkeleton = Array.from({ length: 5 })
    const [selectFile, setSelectFile] = useState<Props | null>(null)
    const [loadingOpen, setLoadingOpen] = useState(false)
+   const entityUser = useSelector((state: any) => state.user);
 
    async function handleLoad(loading: boolean) {
       try {
@@ -163,6 +164,9 @@ export default function SectionFileTask({ refreshing }: { refreshing: boolean })
                      openFile()
                   }}
                />
+               {
+                  (entityUser.role != "user" && entityUser.role != "coadmin") || isMemberDivision
+                     ?
                      <MenuItemRow
                         icon={<Ionicons name="trash" color="black" size={25} />}
                         title="Hapus"
@@ -178,6 +182,10 @@ export default function SectionFileTask({ refreshing }: { refreshing: boolean })
 
                         }}
                      />
+                     :
+                     <></>
+               }
+
             </View>
          </DrawerBottom>
       </>

components/task/sectionLinkTask.tsx

@@ -20,7 +20,7 @@ type Props = {
    link: string
 }
 
-export default function SectionLinkTask({ refreshing }: { refreshing: boolean }) {
+export default function SectionLinkTask({ refreshing, isMemberDivision }: { refreshing: boolean, isMemberDivision: boolean }) {
    const [isModal, setModal] = useState(false)
    const { token, decryptToken } = useAuthSession()
    const { detail } = useLocalSearchParams<{ detail: string }>()
@@ -28,6 +28,7 @@ export default function SectionLinkTask({ refreshing }: { refreshing: boolean })
    const update = useSelector((state: any) => state.taskUpdate)
    const dispatch = useDispatch()
    const [selectLink, setSelectLink] = useState<Props | null>(null)
+   const entityUser = useSelector((state: any) => state.user);
 
    async function handleLoad() {
       try {
@@ -101,6 +102,9 @@ export default function SectionLinkTask({ refreshing }: { refreshing: boolean })
                            Linking.openURL(urlCompleted(String(selectLink?.link)))
                         }}
                      />
+                     {
+                        (entityUser.role != "user" && entityUser.role != "coadmin") || isMemberDivision
+                           ?
                            <MenuItemRow
                               icon={<Ionicons name="trash" color="black" size={25} />}
                               title="Hapus"
@@ -113,6 +117,10 @@ export default function SectionLinkTask({ refreshing }: { refreshing: boolean })
                                  })
                               }}
                            />
+                           :
+                           <></>
+                     }
+
                   </View>
                </DrawerBottom>
             </>

components/task/sectionMemberTask.tsx

@@ -26,8 +26,9 @@ type Props = {
    position: string;
 };
 
-export default function SectionMemberTask({ refreshing }: { refreshing: boolean }) {
+export default function SectionMemberTask({ refreshing, isMemberDivision }: { refreshing: boolean, isMemberDivision: boolean }) {
    const [isModal, setModal] = useState(false);
+   const entityUser = useSelector((state: any) => state.user);
    const { token, decryptToken } = useAuthSession();
    const { id, detail } = useLocalSearchParams<{ id: string; detail: string }>();
    const [data, setData] = useState<Props[]>([]);
@@ -165,6 +166,10 @@ export default function SectionMemberTask({ refreshing }: { refreshing: boolean
                   }}
                />
 
+
+               {
+                  (entityUser.role != "user" && entityUser.role != "coadmin") || isMemberDivision
+                     ?
                      <MenuItemRow
                         icon={
                            <MaterialCommunityIcons
@@ -183,6 +188,9 @@ export default function SectionMemberTask({ refreshing }: { refreshing: boolean
                            });
                         }}
                      />
+                     :
+                     <></>
+               }
             </View>
          </DrawerBottom>
       </>

components/task/sectionTanggalTugasTask.tsx

@@ -26,8 +26,9 @@ type Props = {
    dateEnd: string;
 }
 
-export default function SectionTanggalTugasTask({ refreshing }: { refreshing: boolean }) {
+export default function SectionTanggalTugasTask({ refreshing, isMemberDivision }: { refreshing: boolean, isMemberDivision: boolean }) {
    const dispatch = useDispatch()
+   const entityUser = useSelector((state: any) => state.user);
    const update = useSelector((state: any) => state.taskUpdate)
    const [isModal, setModal] = useState(false)
    const [isSelect, setSelect] = useState(false)
@@ -155,6 +156,26 @@ export default function SectionTanggalTugasTask({ refreshing }: { refreshing: bo
 
          <DrawerBottom animation="slide" isVisible={isModal} setVisible={setModal} title="Menu">
             <View style={Styles.rowItemsCenter}>
+               <MenuItemRow
+                  icon={
+                     <MaterialCommunityIcons
+                        name="clock-time-three-outline"
+                        color="black"
+                        size={25}
+                     />
+                  }
+                  title="Detail Waktu"
+                  onPress={() => {
+                     setModal(false);
+                     setTimeout(() => {
+                        setModalDetail(true)
+                     }, 600)
+                  }}
+               />
+               {
+                  (entityUser.role != "user" && entityUser.role != "coadmin") || isMemberDivision
+                     ?
+                     <>
                         <MenuItemRow
                            icon={<MaterialCommunityIcons name="list-status" color="black" size={25} />}
                            title="Update Status"
@@ -173,23 +194,15 @@ export default function SectionTanggalTugasTask({ refreshing }: { refreshing: bo
                               router.push(`./update/${tugas.id}`)
                            }}
                         />
-               <MenuItemRow
+                     </>
-                  icon={
+                     :
-                     <MaterialCommunityIcons
+                     <></>
-                        name="clock-time-three-outline"
-                        color="black"
-                        size={25}
-                     />
                }
-                  title="Detail Waktu"
+
-                  onPress={() => {
-                     setModal(false);
-                     setTimeout(() => {
-                        setModalDetail(true)
-                     }, 600)
-                  }}
-               />
             </View>
+            {
+               (entityUser.role != "user" && entityUser.role != "coadmin") || isMemberDivision
+                  ?
                   <View style={[Styles.rowItemsCenter, Styles.mt15]}>
                      <MenuItemRow
                         icon={<Ionicons name="trash" color="black" size={25} />}
@@ -207,6 +220,9 @@ export default function SectionTanggalTugasTask({ refreshing }: { refreshing: bo
                         }}
                      />
                   </View>
+                  :
+                  <></>
+            }
          </DrawerBottom>
 
          <ModalSelect