upd: division

Deskripsi:
- tambah divisi

nb: blm selesai

No Issues

app/(application)/division/create.tsx

@@ -1,49 +1,122 @@
-import ButtonBackHeader from "@/components/buttonBackHeader"
-import ButtonSaveHeader from "@/components/buttonSaveHeader"
-import ButtonSelect from "@/components/buttonSelect"
-import { InputForm } from "@/components/inputForm"
-import SelectForm from "@/components/selectForm"
-import Styles from "@/constants/Styles"
-import { router, Stack } from "expo-router"
-import { useState } from "react"
-import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native"
+import ButtonBackHeader from "@/components/buttonBackHeader";
+import ButtonNextHeader from "@/components/buttonNextHeader";
+import { InputForm } from "@/components/inputForm";
+import ModalSelect from "@/components/modalSelect";
+import SelectForm from "@/components/selectForm";
+import Styles from "@/constants/Styles";
+import { setFormCreateDivision } from "@/lib/divisionCreate";
+import { router, Stack } from "expo-router";
+import { useState } from "react";
+import { SafeAreaView, ScrollView, View } from "react-native";
+import { useDispatch, useSelector } from "react-redux";
 
 export default function CreateDivision() {
-   const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' })
+   const [isSelect, setSelect] = useState(false);
+   const [chooseGroup, setChooseGroup] = useState({ val: "", label: "" });
+   const dispatch = useDispatch();
+   const update = useSelector((state: any) => state.divisionCreate);
+   const [error, setError] = useState({
+      idGroup: false,
+      name: false,
+   });
+   const [dataForm, setDataForm] = useState({
+      idGroup: "",
+      name: "",
+      desc: "",
+   });
+
+   function validationForm(cat: string, val: any, label?: string) {
+      if (cat == "group") {
+         setChooseGroup({ val, label: String(label) });
+         dispatch(setFormCreateDivision({ ...update, member: [], admin: [] }));
+         setDataForm({ ...dataForm, idGroup: val });
+         if (val == "" || val == "null") {
+            setError((error) => ({ ...error, group: true }));
+         } else {
+            setError((error) => ({ ...error, group: false }));
+         }
+      } else if (cat == "name") {
+         setDataForm({ ...dataForm, name: val });
+         if (val == "" || val == "null") {
+            setError((error) => ({ ...error, name: true }));
+         } else {
+            setError((error) => ({ ...error, name: false }));
+         }
+      } else if (cat == "desc") {
+         setDataForm({ ...dataForm, desc: val });
+         if (val == "" || val == "null") {
+            setError((error) => ({ ...error, desc: true }));
+         } else {
+            setError((error) => ({ ...error, desc: false }));
+         }
+      }
+   }
+
+   function handleSetData() {
+      dispatch(setFormCreateDivision({ data: dataForm }))
+      router.push(`./create/add-member`)
+   }
 
    return (
       <SafeAreaView>
          <Stack.Screen
             options={{
-               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
-               headerTitle: 'Tambah Divisi',
-               headerTitleAlign: 'center',
-               headerRight: () => <ButtonSaveHeader category="create" onPress={() => {
-                  ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
-                  router.push('/division')
-               }} />
+               headerLeft: () => (
+                  <ButtonBackHeader
+                     onPress={() => {
+                        router.back();
+                     }}
+                  />
+               ),
+               headerTitle: "Tambah Divisi",
+               headerTitleAlign: "center",
+               headerRight: () => (
+                  <ButtonNextHeader
+                     onPress={() => { handleSetData() }}
+                     disable={error.idGroup || error.name || chooseGroup.val == "" || chooseGroup.val == "null" || dataForm.name == "" || dataForm.name == "null"}
+                  />
+               ),
             }}
          />
          <ScrollView>
             <View style={[Styles.p15, Styles.mb100]}>
-               <SelectForm label="Lembaga Desa" placeholder="Pilih Lembaga Desa" value={chooseGroup.label} required onPress={() => { }} />
-               <InputForm label="Nama Divisi" type="default" placeholder="Nama Divisi" required />
-               <InputForm label="Deskripsi" type="default" placeholder="Deskripsi Divisi" />
-               <ButtonSelect value="Pilih Anggota" />
-               {/* <ButtonForm
-                  text="SIMPAN"
-                  onPress={() => {
-                     AlertKonfirmasi({
-                        title: 'Konfirmasi',
-                        desc: 'Apakah anda yakin ingin menambahkan data?',
-                        onPress: () => {
-                           ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
-                           router.push('/division/123')
-                        }
-                     })
-                  }} /> */}
+               <SelectForm
+                  label="Lembaga Desa"
+                  placeholder="Pilih Lembaga Desa"
+                  value={chooseGroup.label}
+                  required
+                  onPress={() => { setSelect(true) }}
+               />
+               <InputForm
+                  label="Nama Divisi"
+                  type="default"
+                  placeholder="Nama Divisi"
+                  required
+                  value={dataForm.name}
+                  onChange={(val) => validationForm('name', val)}
+                  error={error.name}
+                  errorText="Nama divisi tidak boleh kosong"
+               />
+               <InputForm
+                  label="Deskripsi"
+                  type="default"
+                  placeholder="Deskripsi Divisi"
+                  value={dataForm.desc}
+                  onChange={(val) => setDataForm({ ...dataForm, desc: val })}
+               />
             </View>
          </ScrollView>
+
+         <ModalSelect
+            category={"group"}
+            close={setSelect}
+            onSelect={(value) => {
+               validationForm('group', value.val, value.label);
+            }}
+            title="Lembaga Desa"
+            open={isSelect}
+            valChoose={chooseGroup.val}
+         />
       </SafeAreaView>
-   )
-}
+   );
+}