upd: tab navigation

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

No Issues

app/(application)/project/index.tsx

@@ -36,6 +36,7 @@ export default function ListProject() {
       group?: string;
       cat?: string;
    }>();
+   const [statusFix, setStatusFix] = useState<'0' | '1' | '2' | '3'>('0')
    const { token, decryptToken } = useAuthSession();
    const entityUser = useSelector((state: any) => state.user);
    const [search, setSearch] = useState("");
@@ -52,7 +53,7 @@ export default function ListProject() {
          const hasil = await decryptToken(String(token?.current));
          const response = await apiGetProject({
             user: hasil,
-            status: String(status),
+            status: statusFix,
             search: search,
             group: String(group),
             kategori: String(cat),
@@ -76,7 +77,7 @@ export default function ListProject() {
 
    useEffect(() => {
       handleLoad(true);
-   }, [status, search, group, cat]);
+   }, [statusFix, search, group, cat]);
 
    return (
       <SafeAreaView>
@@ -84,72 +85,56 @@ export default function ListProject() {
             <View style={[Styles.p15, Styles.mb100]}>
                <ScrollView horizontal style={[Styles.mb10]}>
                   <ButtonTab
-                     active={String(status)}
+                     active={statusFix}
                      value="0"
-                     onPress={() => {
-                        router.replace(
-                           `/project?status=0&group=${group}&search=${search}&cat=${cat}`
-                        );
-                     }}
+                     onPress={() => { setStatusFix("0") }}
                      label="Segera"
                      icon={
                         <MaterialCommunityIcons
                            name="clock-alert-outline"
-                           color={status == "0" ? "white" : "black"}
+                           color={statusFix == "0" ? "white" : "black"}
                            size={20}
                         />
                      }
                      n={4}
                   />
                   <ButtonTab
-                     active={String(status)}
+                     active={statusFix}
                      value="1"
-                     onPress={() => {
-                        router.replace(
-                           `/project?status=1&group=${group}&search=${search}&cat=${cat}`
-                        );
-                     }}
+                     onPress={() => { setStatusFix("1") }}
                      label="Dikerjakan"
                      icon={
                         <MaterialCommunityIcons
                            name="progress-check"
-                           color={status == "1" ? "white" : "black"}
+                           color={statusFix == "1" ? "white" : "black"}
                            size={20}
                         />
                      }
                      n={4}
                   />
                   <ButtonTab
-                     active={String(status)}
+                     active={statusFix}
                      value="2"
-                     onPress={() => {
-                        router.replace(
-                           `/project?status=2&group=${group}&search=${search}&cat=${cat}`
-                        );
-                     }}
+                     onPress={() => { setStatusFix("2") }}
                      label="Selesai"
                      icon={
                         <Ionicons
                            name="checkmark-done-circle-outline"
-                           color={status == "2" ? "white" : "black"}
+                           color={statusFix == "2" ? "white" : "black"}
                            size={20}
                         />
                      }
                      n={4}
                   />
                   <ButtonTab
-                     active={String(status)}
+                     active={statusFix}
                      value="3"
-                     onPress={() => {
-                        router.replace(
-                           `/project?status=3&group=${group}&search=${search}&cat=${cat}`
-                        );
-                     }}
+                     onPress={() => { setStatusFix("3") }}
                      label="Batal"
                      icon={
                         <AntDesign
                            name="closecircleo"
-                           color={status == "3" ? "white" : "black"}
+                           color={statusFix == "3" ? "white" : "black"}
                            size={20}
                         />
                      }