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/member/[id].tsx

@@ -1,13 +1,62 @@
+import AlertKonfirmasi from "@/components/alertKonfirmasi";
 import BorderBottomItem from "@/components/borderBottomItem";
 import ButtonBackHeader from "@/components/buttonBackHeader";
+import DrawerBottom from "@/components/drawerBottom";
+import ImageUser from "@/components/imageNew";
+import MenuItemRow from "@/components/menuItemRow";
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
-import { Feather } from "@expo/vector-icons";
+import { apiDeleteMemberDiscussionGeneral, apiGetDiscussionGeneralOne } from "@/lib/api";
+import { useAuthSession } from "@/providers/AuthProvider";
+import { Feather, MaterialCommunityIcons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
-import { Image, SafeAreaView, ScrollView, Text, View } from "react-native";
+import { useEffect, useState } from "react";
+import { SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native";
+import { useSelector } from "react-redux";
+
+type Props = {
+   idUser: string,
+   name: string,
+   img: string
+}
 
 export default function MemberDiscussionDetail() {
-   const { id } = useLocalSearchParams()
+   const { token, decryptToken } = useAuthSession()
+   const entityUser = useSelector((state: any) => state.user)
+   const { id } = useLocalSearchParams<{ id: string }>()
+   const [data, setData] = useState<Props[]>([])
+   const [isModal, setModal] = useState(false)
+   const [chooseUser, setChooseUser] = useState({ idUser: '', name: '', img: '' })
+
+   async function handleLoad() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiGetDiscussionGeneralOne({ id: id, user: hasil, cat: 'anggota' })
+         setData(response.data)
+      } catch (error) {
+         console.error(error)
+      }
+   }
+
+
+   useEffect(() => {
+      handleLoad()
+   }, []);
+
+   async function handleDeleteUser() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         await apiDeleteMemberDiscussionGeneral({ user: hasil, idUser: chooseUser.idUser }, id)
+         ToastAndroid.show("Berhasil mengelluarkan anggota dari diskusi", ToastAndroid.SHORT)
+         handleLoad()
+      } catch (error) {
+         console.error(error)
+      } finally {
+         setModal(false)
+      }
+   }
+
+
    return (
       <SafeAreaView>
          <Stack.Screen
@@ -19,72 +68,69 @@ export default function MemberDiscussionDetail() {
          />
          <ScrollView>
             <View style={[Styles.p15]}>
-               <Text style={[Styles.textDefault, Styles.mv05]}>5 Anggota</Text>
-               <View style={[Styles.wrapPaper]}>
-                  <BorderBottomItem
-                     borderType="none"
-                     icon={
-                        <View style={[Styles.iconContent, ColorsStatus.gray]}>
-                           <Feather name="user-plus" size={25} color={'#384288'} />
-                        </View>
-                     }
-                     title="Tambah Anggota"
-                  />
-
-                  <BorderBottomItem
-                     borderType="bottom"
-                     icon={
-                        <Image
-                           source={require("../../../../assets/images/user.jpeg")}
-                           style={[Styles.userProfileSmall]}
-                        />
-                     }
-                     title="Amalia Dwi"
-                  />
-                  <BorderBottomItem
-                     borderType="bottom"
-                     icon={
-                        <Image
-                           source={require("../../../../assets/images/user.jpeg")}
-                           style={[Styles.userProfileSmall]}
-                        />
-                     }
-                     title="Amalia Dwi"
-                  />
-                  <BorderBottomItem
-                     borderType="bottom"
-                     icon={
-                        <Image
-                           source={require("../../../../assets/images/user.jpeg")}
-                           style={[Styles.userProfileSmall]}
-                        />
-                     }
-                     title="Amalia Dwi"
-                  />
-                  <BorderBottomItem
-                     borderType="bottom"
-                     icon={
-                        <Image
-                           source={require("../../../../assets/images/user.jpeg")}
-                           style={[Styles.userProfileSmall]}
-                        />
-                     }
-                     title="Amalia Dwi"
-                  />
-                  <BorderBottomItem
-                     borderType="bottom"
-                     icon={
-                        <Image
-                           source={require("../../../../assets/images/user.jpeg")}
-                           style={[Styles.userProfileSmall]}
-                        />
-                     }
-                     title="Amalia Dwi"
-                  />
+               <Text style={[Styles.textDefault, Styles.mv05]}>{data.length} Anggota</Text>
+               <View style={[Styles.wrapPaper, Styles.mb100]}>
+                  {
+                     entityUser.role != "user" && entityUser.role != "coadmin" &&
+                     <BorderBottomItem
+                        borderType="none"
+                        icon={
+                           <View style={[Styles.iconContent, ColorsStatus.gray]}>
+                              <Feather name="user-plus" size={25} color={'#384288'} />
+                           </View>
+                        }
+                        title="Tambah Anggota"
+                     />
+                  }
+                  {
+                     data.map((item, index) => {
+                        return (
+                           <BorderBottomItem
+                              key={index}
+                              borderType="bottom"
+                              icon={
+                                 <ImageUser src={`https://wibu-storage.wibudev.com/api/files/${item.img}`} size="sm" />
+                              }
+                              title={item.name}
+                              onPress={() => {
+                                 setChooseUser(item)
+                                 setModal(true)
+                              }}
+                           />
+                        )
+                     })
+                  }
                </View>
             </View>
          </ScrollView>
 
+         <DrawerBottom animation="slide" isVisible={isModal} setVisible={setModal} title={chooseUser.name}>
+            <View style={Styles.rowItemsCenter}>
+               <MenuItemRow
+                  icon={<MaterialCommunityIcons name="account-eye" color="black" size={25} />}
+                  title="Lihat Profil"
+                  onPress={() => {
+                     setModal(false)
+                     router.push(`/member/${chooseUser.idUser}`)
+                  }}
+               />
+
+               <MenuItemRow
+                  icon={<MaterialCommunityIcons name="account-remove" color="black" size={25} />}
+                  title="Keluarkan"
+                  onPress={() => {
+                     AlertKonfirmasi({
+                        title: 'Konfirmasi',
+                        desc: 'Apakah Anda yakin ingin mengeluarkan anggota?',
+                        onPress: () => {
+                           handleDeleteUser()
+                        }
+                     })
+
+                  }}
+               />
+            </View>
+         </DrawerBottom>
       </SafeAreaView>
    )
 }