upd: calendar division

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

NO Issues

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

@@ -6,7 +6,7 @@ import DrawerBottom from "@/components/drawerBottom"
 import ImageUser from "@/components/imageNew"
 import MenuItemRow from "@/components/menuItemRow"
 import Styles from "@/constants/Styles"
-import { apiDeleteCalendarMember, apiGetCalendarOne } from "@/lib/api"
+import { apiDeleteCalendarMember, apiGetCalendarOne, apiGetDivisionOneFeature } from "@/lib/api"
 import { setUpdateCalendar } from "@/lib/calendarUpdate"
 import { useAuthSession } from "@/providers/AuthProvider"
 import { MaterialCommunityIcons } from "@expo/vector-icons"
@@ -47,6 +47,23 @@ export default function DetailEventCalendar() {
    const [isModalMember, setModalMember] = useState(false)
    const update = useSelector((state: any) => state.calendarUpdate)
    const dispatch = useDispatch()
+   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);
+      }
+   }
 
    async function handleLoad() {
       try {
@@ -78,6 +95,7 @@ export default function DetailEventCalendar() {
 
    useEffect(() => {
       handleLoad();
+      handleCheckMember()
    }, []);
 
    useEffect(() => {
@@ -113,7 +131,7 @@ export default function DetailEventCalendar() {
                headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
                headerTitle: 'Detail Acara',
                headerTitleAlign: 'center',
-               headerRight: () => <HeaderRightCalendarDetail id={String(data?.idCalendar)} />
+               headerRight: () => (entityUser.role == "user" || entityUser.role == "coadmin") && !isMemberDivision ? <></> : <HeaderRightCalendarDetail id={String(data?.idCalendar)} />
             }}
          />
          <ScrollView>
@@ -170,8 +188,12 @@ export default function DetailEventCalendar() {
                               title={item.name}
                               subtitle={item.email}
                               onPress={() => {
-                                 setMemberChoose({ id: item.idUser, name: item.name })
+                                 if ((entityUser.role == "user" || entityUser.role == "coadmin") && !isMemberDivision) {
-                                 setModalMember(true)
+                                    null
+                                 } else {
+                                    setMemberChoose({ id: item.idUser, name: item.name })
+                                    setModalMember(true)
+                                 }
                               }}
                            />
                         ))

app/(application)/division/[id]/(fitur-division)/calendar/history.tsx

@@ -22,7 +22,7 @@ export default function CalendarHistory() {
    async function handleLoad() {
       try {
          const hasil = await decryptToken(String(token?.current));
-         const response = await apiGetCalendarHistory({ user: hasil, search: '', division: id });
+         const response = await apiGetCalendarHistory({ user: hasil, search: search, division: id });
          setData(response.data);
       } catch (error) {
          console.error(error);

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 { router, useLocalSearchParams } from "expo-router"
-import { useState } from "react"
+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} />}
+                  (entityUser.role == "user" || entityUser.role == "coadmin") && !isMemberDivision ? (
-                  title="Tambah Acara"
+                     <></>
-                  onPress={() => {
+                  ) : (
-                     setVisible(false)
+                     <MenuItemRow
-                     router.push('./calendar/create')
+                        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>
             )
          }