upd: tab navigation

Deskripsi:
- fix tab navigation :: diganti pake useState
- group
- position
- member
- diskusi umum
- project
- divisi
- tugas divisi

No Issues

app/(application)/position/index.tsx

@@ -13,7 +13,7 @@ import { apiDeletePosition, apiEditPosition, apiGetPosition } from "@/lib/api";
 import { setUpdatePosition } from "@/lib/positionSlice";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { AntDesign, Feather, MaterialCommunityIcons } from "@expo/vector-icons";
-import { router, useLocalSearchParams } from "expo-router";
+import { useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
 import { SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native";
 import { useDispatch, useSelector } from "react-redux";
@@ -30,6 +30,7 @@ export default function Index() {
    const arrSkeleton = Array.from({ length: 5 }, (_, index) => index)
    const [loading, setLoading] = useState(true)
    const { token, decryptToken } = useAuthSession()
+   const [status, setStatus] = useState<'true' | 'false'>('true')
    const entityUser = useSelector((state: any) => state.user)
    const { active, group } = useLocalSearchParams<{ active?: string, group?: string }>()
    const [isModal, setModal] = useState(false)
@@ -49,7 +50,7 @@ export default function Index() {
       try {
          setLoading(loading)
          const hasil = await decryptToken(String(token?.current))
-         const response = await apiGetPosition({ user: hasil, active: String(active), search: search, group: String(group) })
+         const response = await apiGetPosition({ user: hasil, active: status, search: search, group: String(group) })
          setData(response.data)
          setNameGroup(response.filter.name)
       } catch (error) {
@@ -66,7 +67,7 @@ export default function Index() {
 
    useEffect(() => {
       handleLoad(true)
-   }, [active, search, group])
+   }, [status, search, group])
 
 
    function handleChooseData(id: string, name: string, active: boolean, group: string) {
@@ -124,18 +125,18 @@ export default function Index() {
             <View style={[Styles.p15]}>
                <View style={[Styles.wrapBtnTab]}>
                   <ButtonTab
-                     active={active == "false" ? "false" : "true"}
+                     active={status == "false" ? "false" : "true"}
                      value="true"
-                     onPress={() => { router.replace(`/position?active=true&group=${group}&search=${search}`) }}
+                     onPress={() => { setStatus("true") }}
                      label="Aktif"
-                     icon={<Feather name="check-circle" color={active == "true" ? 'white' : 'black'} size={20} />}
+                     icon={<Feather name="check-circle" color={status == "true" ? 'white' : 'black'} size={20} />}
                      n={2} />
                   <ButtonTab
-                     active={active == "false" ? "false" : "true"}
+                     active={status == "false" ? "false" : "true"}
                      value="false"
-                     onPress={() => { router.replace(`/position?active=false&group=${group}&search=${search}`) }}
+                     onPress={() => { setStatus("false") }}
                      label="Tidak Aktif"
-                     icon={<AntDesign name="closecircleo" color={active == "false" ? 'white' : 'black'} size={20} />}
+                     icon={<AntDesign name="closecircleo" color={status == "false" ? 'white' : 'black'} size={20} />}
                      n={2} />
                </View>
                <InputSearch onChange={setSearch} />