upd: division

Deskripsi:
- edit divisi
- update status divisi

NO Issues

components/division/headerDivisionInfo.tsx

@@ -1,19 +1,46 @@
+import Styles from "@/constants/Styles"
+import { apiUpdateStatusDivision } from "@/lib/api"
+import { setUpdateDivision } from "@/lib/divisionUpdate"
+import { useAuthSession } from "@/providers/AuthProvider"
+import { MaterialCommunityIcons } from "@expo/vector-icons"
+import { router } from "expo-router"
 import { useState } from "react"
+import { ToastAndroid, View } from "react-native"
+import { useDispatch, useSelector } from "react-redux"
+import AlertKonfirmasi from "../alertKonfirmasi"
 import ButtonMenuHeader from "../buttonMenuHeader"
 import DrawerBottom from "../drawerBottom"
-import { View } from "react-native"
-import Styles from "@/constants/Styles"
 import MenuItemRow from "../menuItemRow"
-import { MaterialCommunityIcons } from "@expo/vector-icons"
-import AlertKonfirmasi from "../alertKonfirmasi"
-import { router } from "expo-router"
 
 type Props = {
    id: string | string[]
+   active: boolean | undefined
 }
 
-export default function HeaderRightDivisionInfo({ id }: Props) {
+export default function HeaderRightDivisionInfo({ id, active }: Props) {
    const [isVisible, setVisible] = useState(false)
+   const { token, decryptToken } = useAuthSession()
+   const update = useSelector((state: any) => state.divisionUpdate)
+   const dispatch = useDispatch()
+
+   async function handleUpdateStatus() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiUpdateStatusDivision({ data: { user: hasil, isActive: Boolean(active) }, id: String(id) })
+         if (response.success) {
+            dispatch(setUpdateDivision(!update))
+            ToastAndroid.show('Berhasil mengubah status', ToastAndroid.SHORT)
+         } else {
+            ToastAndroid.show(response.message, ToastAndroid.SHORT)
+         }
+      } catch (error) {
+         console.error(error)
+         ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT)
+      } finally {
+         setVisible(false)
+      }
+   }
+
    return (
       <>
          <ButtonMenuHeader onPress={() => { setVisible(true) }} />
@@ -29,15 +56,12 @@ export default function HeaderRightDivisionInfo({ id }: Props) {
                />
                <MenuItemRow
                   icon={<MaterialCommunityIcons name="toggle-switch-off-outline" color="black" size={25} />}
-                  title="Non Aktifkan"
+                  title={active ? "Non Aktifkan" : "Aktifkan"}
                   onPress={() => {
                      AlertKonfirmasi({
                         title: 'Konfirmasi',
-                        desc: 'Apakah anda yakin ingin menonaktifkan divisi?',
-                        onPress: () => {
-                           setVisible(false)
-                           router.push('/division')
-                        }
+                        desc: active ? 'Apakah anda yakin ingin menonaktifkan divisi?' : 'Apakah anda yakin ingin mengaktifkan divisi?',
+                        onPress: () => { handleUpdateStatus() }
                      })
                   }}
                />

components/sectionCancel.tsx

@@ -4,19 +4,24 @@ import { AntDesign } from "@expo/vector-icons";
 import { Text, View } from "react-native";
 
 type Props = {
-   text: string,
+   text?: string,
+   title?: string
 }
 
-export default function SectionCancel({ text }: Props) {
+export default function SectionCancel({ text, title }: Props) {
    return (
       <View style={[ColorsStatus.lightRed, Styles.p10, Styles.round10, Styles.mb15]}>
          <View style={[Styles.rowItemsCenter]}>
             <AntDesign name="warning" size={22} style={[Styles.mr10]} />
-            <Text style={[Styles.textDefaultSemiBold]}>Kegiatan Dibatalkan</Text>
-         </View>
-         <View>
-            <Text style={[Styles.mt05]}>{text}</Text>
+            <Text style={[Styles.textDefaultSemiBold]}>{title ? title : 'Kegiatan Dibatalkan'}</Text>
          </View>
+         {
+            text && (
+               <View>
+                  <Text style={[Styles.mt05]}>{text}</Text>
+               </View>
+            )
+         }
       </View>
    )
 }