upd: calendar division

Deskripsi:
- search riwayat
- akses role pada fitur kalender divisi

NO Issues

components/calendar/headerCalendarList.tsx

@@ -1,29 +1,61 @@
 import Styles from "@/constants/Styles"
+import { apiGetDivisionOneFeature } from "@/lib/api"
+import { useAuthSession } from "@/providers/AuthProvider"
 import { AntDesign, MaterialCommunityIcons } from "@expo/vector-icons"
-import { router } from "expo-router"
-import { useState } from "react"
+import { router, useLocalSearchParams } from "expo-router"
+import { useEffect, useState } from "react"
 import { View } from "react-native"
+import { useSelector } from "react-redux"
 import ButtonMenuHeader from "../buttonMenuHeader"
 import DrawerBottom from "../drawerBottom"
 import MenuItemRow from "../menuItemRow"
 
 export default function HeaderRightCalendarList() {
    const [isVisible, setVisible] = useState(false)
+   const { token, decryptToken } = useAuthSession()
+   const { id } = useLocalSearchParams<{ id: string }>();
+   const entityUser = useSelector((state: any) => state.user);
+   const [isMemberDivision, setIsMemberDivision] = useState(false);
+
+   async function handleCheckMember() {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiGetDivisionOneFeature({
+            id,
+            user: hasil,
+            cat: "check-member",
+         });
+
+         setIsMemberDivision(response.data);
+      } catch (error) {
+         console.error(error);
+      }
+   }
+
+   useEffect(() => {
+      handleCheckMember()
+   }, [])
+
 
    return (
       <>
          <ButtonMenuHeader onPress={() => { setVisible(true) }} />
          <DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu">
             <View style={Styles.rowItemsCenter}>
-               <MenuItemRow
-                  icon={<AntDesign name="pluscircle" color="black" size={25} />}
-                  title="Tambah Acara"
-                  onPress={() => {
-                     setVisible(false)
-                     router.push('./calendar/create')
-                  }}
-               />
-
+               {
+                  (entityUser.role == "user" || entityUser.role == "coadmin") && !isMemberDivision ? (
+                     <></>
+                  ) : (
+                     <MenuItemRow
+                        icon={<AntDesign name="pluscircle" color="black" size={25} />}
+                        title="Tambah Acara"
+                        onPress={() => {
+                           setVisible(false)
+                           router.push('./calendar/create')
+                        }}
+                     />
+                  )
+               }
                <MenuItemRow
                   icon={<MaterialCommunityIcons name="history" color="black" size={25} />}
                   title="Riwayat"

components/calendar/itemHistoryEvent.tsx

@@ -37,7 +37,7 @@ export default function ItemHistoryEvent({ data }: { data: Props }) {
                ))
             ) : (
                <View style={[Styles.p15]}>
-                  <Text style={[Styles.textDefault]}>Tidak ada data</Text>
+                  <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada data</Text>
                </View>
             )
          }