upd: tab navigation

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

No Issues

app/(application)/division/[id]/(fitur-division)/task/index.tsx

@@ -38,6 +38,7 @@ export default function ListTask() {
    const update = useSelector((state: any) => state.taskUpdate)
    const [loading, setLoading] = useState(true)
    const arrSkeleton = Array.from({ length: 3 })
+   const [statusFix, setStatusFix] = useState<'0' | '1' | '2' | '3'>('0')
 
    async function handleLoad(loading: boolean) {
       try {
@@ -46,7 +47,7 @@ export default function ListTask() {
          const response = await apiGetTask({
             user: hasil,
             division: id,
-            status,
+            status: statusFix,
             search,
          });
          setData(response.data);
@@ -63,7 +64,7 @@ export default function ListTask() {
 
    useEffect(() => {
       handleLoad(true);
-   }, [status, search]);
+   }, [statusFix, search]);
 
    return (
       <SafeAreaView>
@@ -71,64 +72,56 @@ export default function ListTask() {
             <View style={[Styles.p15, Styles.mb100]}>
                <ScrollView horizontal style={[Styles.mb10]}>
                   <ButtonTab
-                     active={status}
+                     active={statusFix}
                      value="0"
-                     onPress={() => {
-                        router.replace("./task?status=0");
-                     }}
+                     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={status}
+                     active={statusFix}
                      value="1"
-                     onPress={() => {
-                        router.replace("./task?status=1");
-                     }}
+                     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={status}
+                     active={statusFix}
                      value="2"
-                     onPress={() => {
-                        router.replace("./task?status=2");
-                     }}
+                     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={status}
+                     active={statusFix}
                      value="3"
-                     onPress={() => {
-                        router.replace("./task?status=3");
-                     }}
+                     onPress={() => { setStatusFix("3") }}
                      label="Batal"
                      icon={
                         <AntDesign
                            name="closecircleo"
-                           color={status == "3" ? "white" : "black"}
+                           color={statusFix == "3" ? "white" : "black"}
                            size={20}
                         />
                      }