upd: diskusi umum

- tambah diskusi umum
- tambah member pada diskusi umum

No Issues

app/(application)/discussion/create.tsx

@@ -1,27 +1,32 @@
+import BorderBottomItem from "@/components/borderBottomItem";
 import ButtonBackHeader from "@/components/buttonBackHeader";
 import ButtonSaveHeader from "@/components/buttonSaveHeader";
 import ButtonSelect from "@/components/buttonSelect";
+import ImageUser from "@/components/imageNew";
 import { InputForm } from "@/components/inputForm";
 import ModalSelect from "@/components/modalSelect";
 import SelectForm from "@/components/selectForm";
 import Styles from "@/constants/Styles";
+import { apiCreateDiscussionGeneral } from "@/lib/api";
+import { setUpdateDiscussionGeneralDetail } from "@/lib/discussionGeneralDetail";
+import { setMemberChoose } from "@/lib/memberChoose";
+import { useAuthSession } from "@/providers/AuthProvider";
 import { router, Stack } from "expo-router";
 import { useEffect, useState } from "react";
-import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native";
+import { SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native";
+import { useDispatch, useSelector } from "react-redux";
 
-type Props = {
-   idUser: string;
-   name: string;
-   img: string;
-};
 
 export default function CreateDiscussionGeneral() {
+   const { token, decryptToken } = useAuthSession()
    const [chooseGroup, setChooseGroup] = useState({ val: "", label: "" });
    const [valChoose, setValChoose] = useState("")
    const [valSelect, setValSelect] = useState<"group" | "member">("group");
-   const [member, setMember] = useState<Props[]>([]);
+   const dispatch = useDispatch()
    const [disableBtn, setDisableBtn] = useState(true);
    const [isSelect, setSelect] = useState(false);
+   const entitiesMember = useSelector((state: any) => state.memberChoose)
+   const update = useSelector((state: any) => state.discussionGeneralDetailUpdate)
    const [dataForm, setDataForm] = useState({
       idGroup: "",
       title: "",
@@ -36,7 +41,7 @@ export default function CreateDiscussionGeneral() {
    function validationForm(cat: string, val: any, label?: string) {
       if (cat == "group") {
          setChooseGroup({ val, label: String(label) });
-         setMember([]);
+         dispatch(setMemberChoose([]))
          setDataForm({ ...dataForm, idGroup: val });
          if (val == "" || val == "null") {
             setError({ ...error, group: true });
@@ -75,15 +80,36 @@ export default function CreateDiscussionGeneral() {
       checkForm();
    }, [error, dataForm]);
 
+
+   function handleBack() {
+      dispatch(setMemberChoose([]))
+      router.back()
+   }
+
+   async function handleCreate() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiCreateDiscussionGeneral({
+            data: { ...dataForm, user: hasil, member: entitiesMember },
+         })
+         if (response.success) {
+            dispatch(setMemberChoose([]))
+            dispatch(setUpdateDiscussionGeneralDetail(!update))
+            ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
+            router.back()
+         }
+      } catch (error) {
+         console.error(error);
+      }
+   }
+
    return (
       <SafeAreaView>
          <Stack.Screen
             options={{
                headerLeft: () => (
                   <ButtonBackHeader
-                     onPress={() => {
-                        router.back();
-                     }}
+                     onPress={() => { handleBack() }}
                   />
                ),
                headerTitle: "Tambah Diskusi",
@@ -93,11 +119,12 @@ export default function CreateDiscussionGeneral() {
                      category="create"
                      disable={disableBtn}
                      onPress={() => {
-                        ToastAndroid.show(
-                           "Berhasil menambahkan data",
-                           ToastAndroid.SHORT
-                        );
-                        router.push("/discussion?active=true");
+                        entitiesMember.length == 0
+                           ? ToastAndroid.show(
+                              "Anda belum memilih anggota",
+                              ToastAndroid.SHORT
+                           )
+                           : handleCreate()
                      }}
                   />
                ),
@@ -116,12 +143,23 @@ export default function CreateDiscussionGeneral() {
                      setSelect(true);
                   }}
                />
-               <InputForm label="Nama" type="default" placeholder="Nama" required />
+               <InputForm
+                  label="Judul"
+                  type="default"
+                  placeholder="Judul"
+                  required
+                  error={error.title}
+                  errorText="Judul tidak boleh kosong"
+                  onChange={(val) => { validationForm("title", val) }}
+               />
                <InputForm
                   label="Diskusi"
                   type="default"
                   placeholder="Hal yang didiskusikan"
                   required
+                  error={error.desc}
+                  errorText="Diskusi tidak boleh kosong"
+                  onChange={(val) => { validationForm("desc", val) }}
                />
                <ButtonSelect
                   value="Pilih Anggota"
@@ -137,6 +175,32 @@ export default function CreateDiscussionGeneral() {
                      }
                   }}
                />
+               {
+                  entitiesMember.length > 0 &&
+                  <View>
+                     <View style={[Styles.rowSpaceBetween, Styles.mv05]}>
+                        <Text>Anggota</Text>
+                        <Text>Total {entitiesMember.length} Anggota</Text>
+                     </View>
+
+                     <View style={[Styles.borderAll, Styles.round10, Styles.p10]}>
+                        {
+                           entitiesMember.map((item: { img: any; name: any; }, index: any) => {
+                              return (
+                                 <BorderBottomItem
+                                    key={index}
+                                    borderType="bottom"
+                                    icon={
+                                       <ImageUser src={`https://wibu-storage.wibudev.com/api/files/${item.img}`} size="sm" />
+                                    }
+                                    title={item.name}
+                                 />
+                              )
+                           })
+                        }
+                     </View>
+                  </View>
+               }
             </View>
          </ScrollView>