upd : kalender divisi

Deskripsi:
0 tambah data
- edit data kalender divisi
- nb : bllm selesai

No Issues

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

@@ -1,22 +1,27 @@
 import ButtonBackHeader from "@/components/buttonBackHeader";
-import ButtonSaveHeader from "@/components/buttonSaveHeader";
+import ButtonNextHeader from "@/components/buttonNextHeader";
 import { InputDate } from "@/components/inputDate";
 import { InputForm } from "@/components/inputForm";
+import ModalSelect from "@/components/modalSelect";
 import SelectForm from "@/components/selectForm";
 import Styles from "@/constants/Styles";
-import { stringToDate } from "@/lib/fun_stringToDate";
+import { setFormCreateCalendar } from "@/lib/calendarCreate";
+import { stringToDateTime } from "@/lib/fun_stringToDate";
 import { Stack, router, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
 import {
    SafeAreaView,
    ScrollView,
-   ToastAndroid,
    View
 } from "react-native";
+import { useDispatch, useSelector } from "react-redux";
 
 export default function CalendarDivisionCreate() {
    const { id } = useLocalSearchParams<{ id: string }>()
-   const [chooseGroup, setChooseGroup] = useState({ val: "", label: "" });
+   const [choose, setChoose] = useState({ val: "", label: "" })
+   const [isSelect, setSelect] = useState(false)
+   const update = useSelector((state: any) => state.calendarCreate)
+   const dispatch = useDispatch()
    const [error, setError] = useState({
       title: false,
       dateStart: false,
@@ -36,7 +41,7 @@ export default function CalendarDivisionCreate() {
       linkMeet: "",
    });
 
-   function validationForm(cat: "title" | "desc" | "dateStart" | "timeStart" | "timeEnd" | "repeatEventType" | "repeatValue" | "linkMeet", val: string) {
+   function validationForm(cat: "title" | "desc" | "dateStart" | "timeStart" | "timeEnd" | "repeatEventType" | "repeatValue" | "linkMeet", val: string, label?: string) {
       if (cat == "title") {
          setData({ ...data, title: val });
          if (val == "" || val == "null") {
@@ -60,9 +65,12 @@ export default function CalendarDivisionCreate() {
          } else {
             setError({ ...error, timeStart: false });
          }
-         const start = stringToDate(val);
-         const end = stringToDate(data.timeEnd);
-         if (start < end) {
+         const start = stringToDateTime(data.dateStart, data.timeStart);
+         const end = stringToDateTime(data.dateStart, data.timeEnd);
+         const timestampAwal = start.getTime();
+         const timestampAkhir = end.getTime();
+
+         if (timestampAwal > timestampAkhir) {
             setError({ ...error, timeEnd: true });
          } else {
             setError({ ...error, timeEnd: false });
@@ -74,19 +82,26 @@ export default function CalendarDivisionCreate() {
          } else {
             setError({ ...error, timeEnd: false });
          }
-         const start = stringToDate(data.timeStart);
-         const end = stringToDate(val);
-         if (start < end) {
+         const start = stringToDateTime(data.dateStart, data.timeStart);
+         const end = stringToDateTime(data.dateStart, val);
+         const timestampAwal = start.getTime();
+         const timestampAkhir = end.getTime();
+
+         if (timestampAwal > timestampAkhir) {
             setError({ ...error, timeEnd: true });
          } else {
             setError({ ...error, timeEnd: false });
          }
       } else if (cat == "repeatEventType") {
+         setChoose({ val, label: String(label) })
          setData({ ...data, repeatEventType: val });
          if (val == "" || val == "null") {
             setError({ ...error, repeatEventType: true });
          } else {
             setError({ ...error, repeatEventType: false });
+            if (val == "once") {
+               setData({ ...data, repeatValue: 1 });
+            }
          }
       } else if (cat == "repeatValue") {
          setData({ ...data, repeatValue: Number(val) });
@@ -100,6 +115,11 @@ export default function CalendarDivisionCreate() {
       }
    }
 
+   function handleSetData() {
+      dispatch(setFormCreateCalendar(data))
+      router.push(`./create-member`)
+   }
+
    return (
       <SafeAreaView>
          <Stack.Screen
@@ -114,15 +134,9 @@ export default function CalendarDivisionCreate() {
                headerTitle: "Tambah Acara",
                headerTitleAlign: "center",
                headerRight: () => (
-                  <ButtonSaveHeader
-                     category="create"
-                     onPress={() => {
-                        ToastAndroid.show(
-                           "Berhasil menambahkan data",
-                           ToastAndroid.SHORT
-                        );
-                        router.push("./");
-                     }}
+                  <ButtonNextHeader
+                     onPress={() => { handleSetData() }}
+                     disable={Object.values(error).some((val) => val == true) || data.title == "" || data.dateStart == "" || data.timeStart == "" || data.timeEnd == "" || data.repeatEventType == ""}
                   />
                ),
             }}
@@ -159,7 +173,7 @@ export default function CalendarDivisionCreate() {
                         label="Waktu Awal"
                         required
                         error={error.timeStart}
-                        errorText="Waktu awal tidak boleh kosong"
+                        errorText="Waktu awal tidak valid"
                         placeholder="--:--"
                      />
                   </View>
@@ -171,7 +185,7 @@ export default function CalendarDivisionCreate() {
                         label="Waktu Akhir"
                         required
                         error={error.timeEnd}
-                        errorText="Waktu akhir tidak boleh kosong"
+                        errorText="Waktu akhir tidak valid"
                         placeholder="--:--"
                      />
                   </View>
@@ -188,9 +202,9 @@ export default function CalendarDivisionCreate() {
                   bg="white"
                   label="Ulangi Acara"
                   placeholder="Ulangi Acara"
-                  value={chooseGroup.label}
+                  value={choose.label}
                   required
-                  onPress={() => { }}
+                  onPress={() => { setSelect(true) }}
                />
                <InputForm
                   label="Jumlah Pengulangan"
@@ -200,6 +214,9 @@ export default function CalendarDivisionCreate() {
                   bg="white"
                   value={String(data.repeatValue)}
                   onChange={(val) => validationForm("repeatValue", val)}
+                  error={error.repeatValue}
+                  errorText="Jumlah pengulangan tidak valid"
+                  disable={choose.val == "once"}
                />
                <InputForm
                   label="Deskripsi"
@@ -212,6 +229,17 @@ export default function CalendarDivisionCreate() {
                />
             </View>
          </ScrollView>
+
+         <ModalSelect
+            category={"type-event-repeat"}
+            close={setSelect}
+            onSelect={(value) => {
+               validationForm("repeatEventType", value.val, value.label);
+            }}
+            title={"Ulangi Acara"}
+            open={isSelect}
+            valChoose={choose.val}
+         />
       </SafeAreaView>
    );
 }