upd: project

Deskripsi:
- mengeluarkan anggota
- link ke profile anggota
- tambah anggota

No Issues

components/project/headerProjectDetail.tsx

@@ -1,11 +1,11 @@
-import { useState } from "react"
-import ButtonMenuHeader from "../buttonMenuHeader"
-import DrawerBottom from "../drawerBottom"
-import { View } from "react-native"
 import Styles from "@/constants/Styles"
-import MenuItemRow from "../menuItemRow"
 import { AntDesign, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
 import { router } from "expo-router"
+import { useState } from "react"
+import { View } from "react-native"
+import ButtonMenuHeader from "../buttonMenuHeader"
+import DrawerBottom from "../drawerBottom"
+import MenuItemRow from "../menuItemRow"
 
 type Props = {
    id: string | string[]
@@ -40,8 +40,8 @@ export default function HeaderRightProjectDetail({ id }: Props) {
                   icon={<MaterialIcons name="groups" color="black" size={25} />}
                   title="Tambah Anggota"
                   onPress={() => {
-                     // setVisible(false)
-
+                     setVisible(false)
+                     router.push(`/project/${id}/add-member`)
                   }}
                />
 

components/project/sectionMember.tsx

@@ -1,10 +1,12 @@
 import Styles from "@/constants/Styles";
-import { apiGetProjectOne } from "@/lib/api";
+import { apiDeleteProjectMember, apiGetProjectOne } from "@/lib/api";
+import { setUpdateProject } from "@/lib/projectUpdate";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { MaterialCommunityIcons } from "@expo/vector-icons";
 import { router, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
 import { Text, ToastAndroid, View } from "react-native";
+import { useDispatch, useSelector } from "react-redux";
 import AlertKonfirmasi from "../alertKonfirmasi";
 import BorderBottomItem from "../borderBottomItem";
 import DrawerBottom from "../drawerBottom";
@@ -21,10 +23,17 @@ type Props = {
 };
 
 export default function SectionMember() {
+   const dispatch = useDispatch()
+   const update = useSelector((state: any) => state.projectUpdate)
    const [isModal, setModal] = useState(false);
    const { token, decryptToken } = useAuthSession();
    const { id } = useLocalSearchParams<{ id: string }>();
    const [data, setData] = useState<Props[]>([]);
+   const [memberChoose, setMemberChoose] = useState({
+      id: '',
+      name: '',
+   })
+
 
    async function handleLoad() {
       try {
@@ -42,7 +51,24 @@ export default function SectionMember() {
 
    useEffect(() => {
       handleLoad();
-   }, []);
+   }, [update.member]);
+
+   async function handleDeleteMember() {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiDeleteProjectMember({
+            user: hasil,
+            idUser: memberChoose.id,
+         }, id)
+         if (response.success) {
+            ToastAndroid.show("Berhasil menghapus anggota", ToastAndroid.SHORT);
+            dispatch(setUpdateProject({ ...update, member: !update.progress }))
+            setModal(false);
+         }
+      } catch (error) {
+         console.error(error);
+      }
+   }
 
    return (
       <>
@@ -66,6 +92,10 @@ export default function SectionMember() {
                               subtitle={item.position}
                               rightTopInfo="Anggota"
                               onPress={() => {
+                                 setMemberChoose({
+                                    id: item.idUser,
+                                    name: item.name,
+                                 })
                                  setModal(true);
                               }}
                            />
@@ -81,7 +111,7 @@ export default function SectionMember() {
             animation="slide"
             isVisible={isModal}
             setVisible={setModal}
-            title="Menu"
+            title={memberChoose.name}
          >
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
@@ -95,7 +125,7 @@ export default function SectionMember() {
                   title="Lihat Profil"
                   onPress={() => {
                      setModal(false);
-                     router.push("/member/123");
+                     router.push(`/member/${memberChoose.id}`);
                   }}
                />
 
@@ -112,13 +142,7 @@ export default function SectionMember() {
                      AlertKonfirmasi({
                         title: "Konfirmasi",
                         desc: "Apakah Anda yakin ingin mengeluarkan anggota?",
-                        onPress: () => {
-                           setModal(false);
-                           ToastAndroid.show(
-                              "Berhasil mengeluarkan anggota",
-                              ToastAndroid.SHORT
-                           );
-                        },
+                        onPress: () => { handleDeleteMember() },
                      });
                   }}
                />