upd: task division

>
> Deskripsi:
> - list task divisi
> - pencarian task divisi
> - detail task divisi
> - update status tugas task divisi
> - detail tugas task divisi
> - edit tugas task divisi
> - hapus tugas task divisi
> - hapus file task divisi
> - hapus member
> - tambah tugas task divisi
> - check file task divisi
> - tambah file task divisi
> - edit task divisi
> - cancel task divisi
> - tambah member task divisi
>
> No Issues

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

@@ -1,42 +1,106 @@
-import ButtonBackHeader from "@/components/buttonBackHeader"
-import ButtonSaveHeader from "@/components/buttonSaveHeader"
-import { InputForm } from "@/components/inputForm"
-import Styles from "@/constants/Styles"
-import { router, Stack, useLocalSearchParams } from "expo-router"
-import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native"
+import ButtonBackHeader from "@/components/buttonBackHeader";
+import ButtonSaveHeader from "@/components/buttonSaveHeader";
+import { InputForm } from "@/components/inputForm";
+import Styles from "@/constants/Styles";
+import { apiCancelTask } from "@/lib/api";
+import { setUpdateTask } from "@/lib/taskUpdate";
+import { useAuthSession } from "@/providers/AuthProvider";
+import { router, Stack, useLocalSearchParams } from "expo-router";
+import { useEffect, useState } from "react";
+import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native";
+import { useDispatch, useSelector } from "react-redux";
 
 export default function TaskDivisionCancel() {
-   const { id, detail } = useLocalSearchParams()
+   const { id, detail } = useLocalSearchParams<{ id: string; detail: string }>();
+   const { token, decryptToken } = useAuthSession();
+   const dispatch = useDispatch();
+   const update = useSelector((state: any) => state.projectUpdate);
+   const [reason, setReason] = useState("");
+   const [error, setError] = useState(false);
+   const [disable, setDisable] = useState(false);
+
+   function onValidation(val: string) {
+      setReason(val);
+      if (val == "" || val == "null") {
+         setError(true);
+      } else {
+         setError(false);
+      }
+   }
+
+   function checkAll() {
+      if (reason == "" || reason == "null" || error) {
+         setDisable(true);
+      } else {
+         setDisable(false);
+      }
+   }
+
+   useEffect(() => {
+      checkAll();
+   }, [reason, error]);
+
+   async function handleCancel() {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiCancelTask(
+            {
+               reason: reason,
+               user: hasil,
+            },
+            detail
+         );
+         if (response.success) {
+            dispatch(setUpdateTask({ ...update, data: !update.data }));
+            ToastAndroid.show("Berhasil membatalkan kegiatan", ToastAndroid.SHORT);
+            router.back();
+         } else {
+            ToastAndroid.show(response.message, ToastAndroid.SHORT);
+         }
+      } catch (error) {
+         console.error(error);
+         ToastAndroid.show("Gagal membatalkan kegiatan", ToastAndroid.SHORT);
+      }
+   }
+
    return (
       <SafeAreaView>
          <Stack.Screen
             options={{
-               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
-               headerTitle: 'Pembatalan Tugas',
-               headerTitleAlign: 'center',
-               headerRight: () => <ButtonSaveHeader category="cancel" onPress={() => {
-                  ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
-                  router.push('./')
-               }} />
+               headerLeft: () => (
+                  <ButtonBackHeader
+                     onPress={() => {
+                        router.back();
+                     }}
+                  />
+               ),
+               headerTitle: "Pembatalan Tugas",
+               headerTitleAlign: "center",
+               headerRight: () => (
+                  <ButtonSaveHeader
+                     disable={disable}
+                     category="cancel"
+                     onPress={() => {
+                        handleCancel();
+                     }}
+                  />
+               ),
             }}
          />
          <ScrollView>
             <View style={[Styles.p15, Styles.mb100]}>
-               <InputForm label="Alasan Pembatalan" type="default" placeholder="Alasan Pembatalan" required bg="white" />
-               {/* <ButtonForm
-                  text="SIMPAN"
-                  onPress={() => {
-                     AlertKonfirmasi({
-                        title: 'Konfirmasi',
-                        desc: 'Apakah anda yakin ingin membatalkan tugas? Pembatalan bersifat permanen',
-                        onPress: () => {
-                           ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
-                           router.push('./')
-                        }
-                     })
-                  }} /> */}
+               <InputForm
+                  label="Alasan Pembatalan"
+                  type="default"
+                  placeholder="Alasan Pembatalan"
+                  required
+                  bg="white"
+                  error={error}
+                  errorText="Alasan pembatalan harus diisi"
+                  onChange={(val) => onValidation(val)}
+               />
             </View>
          </ScrollView>
       </SafeAreaView>
-   )
-}
+   );
+}