upd: division

Deskripsi:
- load data all division
- search data all division
- filter data division
- user role pada halaman  division

No Issues

components/division/headerDivisionList.tsx

@@ -1,19 +1,25 @@
+import Styles from "@/constants/Styles"
+import { AntDesign, MaterialCommunityIcons } from "@expo/vector-icons"
+import { router } from "expo-router"
 import { useState } from "react"
+import { View } from "react-native"
+import { useSelector } from "react-redux"
 import ButtonMenuHeader from "../buttonMenuHeader"
 import DrawerBottom from "../drawerBottom"
-import { View } from "react-native"
-import Styles from "@/constants/Styles"
 import MenuItemRow from "../menuItemRow"
-import { AntDesign, MaterialCommunityIcons } from "@expo/vector-icons"
 import ModalFilter from "../modalFilter"
-import { router } from "expo-router"
 
 export default function HeaderRightDivisionList() {
    const [isVisible, setVisible] = useState(false)
    const [isFilter, setFilter] = useState(false)
+   const entityUser = useSelector((state: any) => state.user)
+
    return (
       <>
-         <ButtonMenuHeader onPress={() => { setVisible(true) }} />
+         {
+            entityUser.role != "user" && entityUser.role != "coadmin" &&
+            <ButtonMenuHeader onPress={() => { setVisible(true) }} />
+         }
          <DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu">
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
@@ -24,22 +30,29 @@ export default function HeaderRightDivisionList() {
                      router.push('/division/create')
                   }}
                />
-               <MenuItemRow
-                  icon={<AntDesign name="filter" color="black" size={25} />}
-                  title="Filter"
-                  onPress={() => {
-                     setVisible(false)
-                     setFilter(true)
-                  }}
-               />
-               <MenuItemRow
-                  icon={<MaterialCommunityIcons name="chart-bar" color="black" size={25} />}
-                  title="Laporan"
-                  onPress={() => {
-                     setVisible(false)
-                     router.push('/division/report')
-                  }}
-               />
+               {
+                  (entityUser.role == "supadmin" || entityUser.role == "developer") &&
+                  <MenuItemRow
+                     icon={<AntDesign name="filter" color="black" size={25} />}
+                     title="Filter"
+                     onPress={() => {
+                        setVisible(false)
+                        setFilter(true)
+                     }}
+                  />
+               }
+
+               {
+                  (entityUser.role == "supadmin" || entityUser.role == "developer" || entityUser.role == "cosupadmin") &&
+                  <MenuItemRow
+                     icon={<MaterialCommunityIcons name="chart-bar" color="black" size={25} />}
+                     title="Laporan"
+                     onPress={() => {
+                        setVisible(false)
+                        router.push('/division/report')
+                     }}
+                  />
+               }
             </View>
          </DrawerBottom>
          <ModalFilter close={() => { setFilter(false) }} open={isFilter} page="division" />