upd: position

Deskripsi:
- update load list data position
- update filter page
- update select form
- tambah data position

No Issues

components/modalFilter.tsx

@@ -1,9 +1,14 @@
-import { Pressable, Text, View } from "react-native"
-import DrawerBottom from "./drawerBottom"
-import { AntDesign } from "@expo/vector-icons"
 import Styles from "@/constants/Styles"
-import { ButtonForm } from "./buttonForm"
+import { apiGetGroup } from "@/lib/api"
+import { setEntityFilterGroup } from "@/lib/filterSlice"
+import { useAuthSession } from "@/providers/AuthProvider"
+import { AntDesign } from "@expo/vector-icons"
 import { router } from "expo-router"
+import { useEffect, useState } from "react"
+import { Pressable, ScrollView, Text, View } from "react-native"
+import { useDispatch, useSelector } from "react-redux"
+import { ButtonForm } from "./buttonForm"
+import DrawerBottom from "./drawerBottom"
 
 
 type Props = {
@@ -13,31 +18,50 @@ type Props = {
 }
 
 export default function ModalFilter({ open, close, page }: Props) {
+   const { token, decryptToken } = useAuthSession()
+   const dispatch = useDispatch()
+   const entities = useSelector((state: any) => state.filterGroup)
+   const [chooseGroup, setChooseGroup] = useState('')
+
+   async function handleLoad() {
+      const hasil = await decryptToken(String(token?.current))
+      const response = await apiGetGroup({ active: 'true', user: hasil, search: '' })
+      dispatch(setEntityFilterGroup(response.data))
+   }
+
+   useEffect(() => {
+      if (entities.length == 0) {
+         handleLoad()
+      }
+   }, [dispatch]);
+
+
+
+
    return (
       <DrawerBottom animation="slide" isVisible={open} setVisible={close} title="Filter" height={75}>
          <View style={{ justifyContent: 'space-between', flex: 1 }}>
-            <View>
-               <Pressable style={[Styles.itemSelectModal]}>
-                  <Text style={[Styles.textDefaultSemiBold]}>Dinas</Text>
-                  <AntDesign name="check" size={20} />
-               </Pressable>
-               <Pressable style={[Styles.itemSelectModal]}>
-                  <Text>Adat</Text>
-               </Pressable>
-               <Pressable style={[Styles.itemSelectModal]}>
-                  <Text>Karang Taruna</Text>
-               </Pressable>
-               <Pressable style={[Styles.itemSelectModal]}>
-                  <Text>PKK</Text>
-               </Pressable>
-            </View>
+            <ScrollView>
+               <View>
+                  {
+                     entities.map((item: any, index: any) => (
+                        <Pressable key={index} style={[Styles.itemSelectModal]} onPress={() => { setChooseGroup(item.id) }}>
+                           <Text style={[chooseGroup == item.id ? Styles.textDefaultSemiBold : Styles.textDefault]}>{item.name}</Text>
+                           {
+                              chooseGroup == item.id && <AntDesign name="check" size={20} />
+                           }
+                        </Pressable>
+                     ))
+                  }
+               </View>
+            </ScrollView>
             <View>
                <ButtonForm text="Terapkan" onPress={() => {
                   close(false)
                   page == 'project' ?
                      router.push(`/${page}?status=0`)
                      :
-                     router.push(`/${page}?active=true`)
+                     router.push(`/${page}?active=true&group=${chooseGroup}`)
                }} />
             </View>
          </View>