upd: tab navigation

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

No Issues

app/(application)/member/index.tsx

@@ -36,12 +36,13 @@ export default function Index() {
    const update = useSelector((state: any) => state.memberUpdate)
    const arrSkeleton = Array.from({ length: 5 }, (_, index) => index)
    const [loading, setLoading] = useState(true)
+   const [status, setStatus] = useState<'true' | 'false'>('true')
 
    async function handleLoad(loading: boolean) {
       try {
          setLoading(loading)
          const hasil = await decryptToken(String(token?.current))
-         const response = await apiGetUser({ user: hasil, active: String(active), search: search, group: String(group) })
+         const response = await apiGetUser({ user: hasil, active: status, search: search, group: String(group) })
          setData(response.data)
          setNameGroup(response.filter.name)
       } catch (error) {
@@ -53,7 +54,7 @@ export default function Index() {
 
    useEffect(() => {
       handleLoad(true)
-   }, [active, search, group])
+   }, [status, search, group])
 
    useEffect(() => {
       handleLoad(false)
@@ -66,18 +67,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(`/member?active=true&group=${group}&search=${search}`) }}
+                     onPress={() => { setStatus("true") }}
                      label="Aktif"
-                     icon={<Feather name="check-circle" color={active == "false" ? 'black' : 'white'} size={20} />}
+                     icon={<Feather name="check-circle" color={status == "false" ? 'black' : 'white'} size={20} />}
                      n={2} />
                   <ButtonTab
-                     active={active == "false" ? "false" : "true"}
+                     active={status == "false" ? "false" : "true"}
                      value="false"
-                     onPress={() => { router.replace(`/member?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} />