upd: diskusi umum

Deskripsi:
- detail anggota diskusi umum
- edit diskusi umum
- mengeluarkan anggota
- mengubah status diskusi umum
- mengarsipkan diskusi umum
- on proses tambah diskusi umum

No Issues

app/(application)/discussion/create.tsx

@@ -1,51 +1,156 @@
-import AlertKonfirmasi from "@/components/alertKonfirmasi";
 import ButtonBackHeader from "@/components/buttonBackHeader";
-import { ButtonForm } from "@/components/buttonForm";
 import ButtonSaveHeader from "@/components/buttonSaveHeader";
 import ButtonSelect from "@/components/buttonSelect";
 import { InputForm } from "@/components/inputForm";
+import ModalSelect from "@/components/modalSelect";
 import SelectForm from "@/components/selectForm";
 import Styles from "@/constants/Styles";
 import { router, Stack } from "expo-router";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native";
 
+type Props = {
+   idUser: string;
+   name: string;
+   img: string;
+};
+
 export default function CreateDiscussionGeneral() {
-   const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' })
+   const [chooseGroup, setChooseGroup] = useState({ val: "", label: "" });
+   const [valChoose, setValChoose] = useState("")
+   const [valSelect, setValSelect] = useState<"group" | "member">("group");
+   const [member, setMember] = useState<Props[]>([]);
+   const [disableBtn, setDisableBtn] = useState(true);
+   const [isSelect, setSelect] = useState(false);
+   const [dataForm, setDataForm] = useState({
+      idGroup: "",
+      title: "",
+      desc: "",
+   });
+   const [error, setError] = useState({
+      group: false,
+      title: false,
+      desc: false,
+   });
+
+   function validationForm(cat: string, val: any, label?: string) {
+      if (cat == "group") {
+         setChooseGroup({ val, label: String(label) });
+         setMember([]);
+         setDataForm({ ...dataForm, idGroup: val });
+         if (val == "" || val == "null") {
+            setError({ ...error, group: true });
+         } else {
+            setError({ ...error, group: false });
+         }
+      } else if (cat == "title") {
+         setDataForm({ ...dataForm, title: val });
+         if (val == "" || val == "null") {
+            setError({ ...error, title: true });
+         } else {
+            setError({ ...error, title: false });
+         }
+      } else if (cat == "desc") {
+         setDataForm({ ...dataForm, desc: val });
+         if (val == "" || val == "null") {
+            setError({ ...error, desc: true });
+         } else {
+            setError({ ...error, desc: false });
+         }
+      }
+   }
+
+   function checkForm() {
+      if (
+         Object.values(error).some((v) => v == true) ||
+         Object.values(dataForm).some((v) => v == "")
+      ) {
+         setDisableBtn(true);
+      } else {
+         setDisableBtn(false);
+      }
+   }
+
+   useEffect(() => {
+      checkForm();
+   }, [error, dataForm]);
 
    return (
       <SafeAreaView>
          <Stack.Screen
             options={{
-               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
-               headerTitle: 'Tambah Diskusi',
-               headerTitleAlign: 'center',
-               headerRight: () => <ButtonSaveHeader category="create" onPress={() => {
-                  ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
-                  router.push('/discussion?active=true')
-               }} />
+               headerLeft: () => (
+                  <ButtonBackHeader
+                     onPress={() => {
+                        router.back();
+                     }}
+                  />
+               ),
+               headerTitle: "Tambah Diskusi",
+               headerTitleAlign: "center",
+               headerRight: () => (
+                  <ButtonSaveHeader
+                     category="create"
+                     disable={disableBtn}
+                     onPress={() => {
+                        ToastAndroid.show(
+                           "Berhasil menambahkan data",
+                           ToastAndroid.SHORT
+                        );
+                        router.push("/discussion?active=true");
+                     }}
+                  />
+               ),
             }}
          />
          <ScrollView>
             <View style={[Styles.p15, Styles.mb100]}>
-               <SelectForm label="Lembaga Desa" placeholder="Pilih Lembaga Desa" value={chooseGroup.label} required onPress={() => { }} />
-               <InputForm label="Nama" type="default" placeholder="Nama" required />
-               <InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required />
-               <ButtonSelect value="Pilih Anggota" />
-               {/* <ButtonForm
-                  text="SIMPAN"
+               <SelectForm
+                  label="Lembaga Desa"
+                  placeholder="Pilih Lembaga Desa"
+                  value={chooseGroup.label}
+                  required
                   onPress={() => {
-                     AlertKonfirmasi({
-                        title: 'Konfirmasi',
-                        desc: 'Apakah anda yakin ingin menambahkan data?',
-                        onPress: () => {
-                           ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
-                           router.push('/discussion?active=true')
-                        }
-                     })
-                  }} /> */}
+                     setValChoose(chooseGroup.val);
+                     setValSelect("group");
+                     setSelect(true);
+                  }}
+               />
+               <InputForm label="Nama" type="default" placeholder="Nama" required />
+               <InputForm
+                  label="Diskusi"
+                  type="default"
+                  placeholder="Hal yang didiskusikan"
+                  required
+               />
+               <ButtonSelect
+                  value="Pilih Anggota"
+                  onPress={() => {
+                     if (chooseGroup.val != "") {
+                        setSelect(true);
+                        setValSelect("member");
+                     } else {
+                        ToastAndroid.show(
+                           "Pilih Lembaga Desa terlebih dahulu",
+                           ToastAndroid.SHORT
+                        );
+                     }
+                  }}
+               />
             </View>
          </ScrollView>
+
+         <ModalSelect
+            category={valSelect}
+            close={setSelect}
+            onSelect={(value) => {
+               validationForm(valSelect, value.val, value.label);
+            }}
+            title={valSelect == "group" ? "Lembaga Desa" : "Pilih Anggota"}
+            open={isSelect}
+            idParent={valSelect == "member" ? chooseGroup.val : ""}
+            valChoose={valChoose}
+         />
       </SafeAreaView>
-   )
-}
+   );
+}