upd: edit calendar divisi

Deskripsi:
- edit calendar divisi

No Issues

app/(application)/division/[id]/(fitur-division)/calendar/[detail]/edit.tsx

@@ -7,14 +7,12 @@ import SelectForm from "@/components/selectForm"
 import Styles from "@/constants/Styles"
 import { valueTypeEventRepeat } from "@/constants/TypeEventRepeat"
 import { apiGetCalendarOne, apiUpdateCalendar } from "@/lib/api"
-import { setUpdateCalendar } from "@/lib/calendarUpdate"
 import { stringToDateTime } from "@/lib/fun_stringToDate"
 import { useAuthSession } from "@/providers/AuthProvider"
 import { Stack, router, useLocalSearchParams } from "expo-router"
 import moment from "moment"
 import { useEffect, useState } from "react"
 import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native"
-import { useDispatch, useSelector } from "react-redux"
 
 export default function EditEventCalendar() {
    const { token, decryptToken } = useAuthSession();
@@ -22,8 +20,6 @@ export default function EditEventCalendar() {
    const [isSelect, setSelect] = useState(false)
    const { id, detail } = useLocalSearchParams<{ id: string, detail: string }>()
    const [idCalendar, setIdCalendar] = useState('')
-   const dispatch = useDispatch()
-   const update = useSelector((state: any) => state.updateCalendar)
 
    const [error, setError] = useState({
       title: false,
@@ -52,10 +48,8 @@ export default function EditEventCalendar() {
             id: detail,
             cat: 'data',
          });
-         setData(response.data)
+         setData({ ...response.data, dateStart: moment(response.data.dateStartFormat, 'DD-MM-YYYY').format('DD-MM-YYYY') })
          setIdCalendar(response.data.idCalendar)
-         console.log(response.data)
-         setData({ ...data, dateStart: moment(response.data.dateStartFormat, 'DD-MM-YYYY').format('DD-MM-YYYY') })
          setChoose({ val: response.data.repeatEventTyper, label: valueTypeEventRepeat.find((item) => item.id == response.data.repeatEventTyper)?.name || "" })
       } catch (error) {
          console.error(error);
@@ -144,13 +138,14 @@ export default function EditEventCalendar() {
    }
 
    async function handleUpdate() {
+      console.log('update')
       try {
          const hasil = await decryptToken(String(token?.current))
          const response = await apiUpdateCalendar({ data: { ...data, user: hasil }, id: idCalendar })
+         console.log(response)
          if (response.success) {
-            ToastAndroid.show('Berhasil mengubah acara', ToastAndroid.SHORT)
-            dispatch(setUpdateCalendar({ ...update, data: !update.data }));
             router.replace(`/division/${id}/calendar/`)
+            ToastAndroid.show('Berhasil mengubah acara', ToastAndroid.SHORT)
          } else {
             ToastAndroid.show(response.message, ToastAndroid.SHORT)
          }
@@ -161,7 +156,6 @@ export default function EditEventCalendar() {
    }
 
 
-
    return (
       <SafeAreaView>
          <Stack.Screen
@@ -172,9 +166,10 @@ export default function EditEventCalendar() {
                headerRight: () =>
                   <ButtonSaveHeader
                      disable={Object.values(error).some((val) => val == true) || data.title == "" || data.dateStart == "" || data.timeStart == "" || data.timeEnd == "" || data.repeatEventTyper == ""}
-                     category="update"
+                     category="update-calendar"
                      onPress={() => {
                         handleUpdate()
+                        // console.log('klik')
                      }}
                   />
             }}

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

@@ -77,7 +77,11 @@ export default function DetailEventCalendar() {
             id: detail,
             cat: 'data',
          });
-         setData(response.data);
+         if (response.success) {
+            setData(response.data);
+         } else {
+            router.replace(`/division/${id}/calendar/`)
+         }
       } catch (error) {
          console.error(error);
       } finally {

components/buttonSaveHeader.tsx

@@ -3,7 +3,7 @@ import AlertKonfirmasi from "./alertKonfirmasi"
 import { ButtonHeader } from "./buttonHeader"
 
 type Props = {
-   category: 'create' | 'update' | 'cancel'
+   category: 'create' | 'update' | 'cancel' | 'update-calendar'
    onPress?: () => void
    disable?: boolean
 }
@@ -21,7 +21,9 @@ export default function ButtonSaveHeader({ category, onPress, disable }: Props)
                         ? 'Apakah anda yakin ingin menambahkan data?'
                         : category == 'cancel'
                            ? 'Apakah anda yakin ingin membatalkan kegiatan? Pembatalan bersifat permanen'
-                           : 'Apakah anda yakin mengubah data?',
+                           : category == 'update-calendar'
+                              ? 'Apakah Anda yakin ingin mengubah data acara ini? Data ini akan mempengaruhi semua data yang terkait'
+                              : 'Apakah anda yakin mengubah data?',
                      onPress: () => {
                         onPress && onPress()
                      }