upd: tab navigation

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

No Issues

app/(application)/group/index.tsx

@@ -13,7 +13,7 @@ import { apiDeleteGroup, apiEditGroup, apiGetGroup } from "@/lib/api";
 import { setUpdateGroup } from "@/lib/groupSlice";
 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";
@@ -33,6 +33,7 @@ export default function Index() {
    const [search, setSearch] = useState('')
    const arrSkeleton = Array.from({ length: 5 }, (_, index) => index)
    const [loading, setLoading] = useState(true)
+   const [status, setStatus] = useState<'true' | 'false'>('true')
 
    const [idChoose, setIdChoose] = useState('')
    const [activeChoose, setActiveChoose] = useState(true)
@@ -74,7 +75,7 @@ export default function Index() {
       try {
          setLoading(loading)
          const hasil = await decryptToken(String(token?.current))
-         const response = await apiGetGroup({ user: hasil, active: String(active), search: search })
+         const response = await apiGetGroup({ user: hasil, active: status, search: search })
          setData(response.data)
       } catch (error) {
          console.error(error)
@@ -90,7 +91,7 @@ export default function Index() {
 
    useEffect(() => {
       handleLoad(true)
-   }, [active, search])
+   }, [status, search])
 
 
 
@@ -101,18 +102,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('/group?active=true') }}
+                     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('/group?active=false') }}
+                     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} />