From 99b7fb656fd94fa7c5a0974d0c68110bd5d21573 Mon Sep 17 00:00:00 2001
From: amel <amel@amel.local>
Date: Thu, 13 Mar 2025 11:55:47 +0800
Subject: [PATCH] upd: member

Deskripsi:
- ganti button save form pada create dan update member

No Issues
---
 app/(application)/member/create.tsx      | 10 +++++-----
 app/(application)/member/edit/[id].tsx   | 10 +++++-----
 app/(application)/member/index.tsx       |  2 +-
 components/member/headerMemberDetail.tsx |  7 +++++--
 4 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/app/(application)/member/create.tsx b/app/(application)/member/create.tsx
index 1422d6a..0b01316 100644
--- a/app/(application)/member/create.tsx
+++ b/app/(application)/member/create.tsx
@@ -1,6 +1,5 @@
-import AlertKonfirmasi from "@/components/alertKonfirmasi";
 import ButtonBackHeader from "@/components/buttonBackHeader";
-import { ButtonForm } from "@/components/buttonForm";
+import ButtonSaveHeader from "@/components/buttonSaveHeader";
 import { InputForm } from "@/components/inputForm";
 import SelectForm from "@/components/selectForm";
 import { ColorsStatus } from "@/constants/ColorsStatus";
@@ -9,7 +8,7 @@ import { MaterialCommunityIcons } from "@expo/vector-icons";
 import * as ImagePicker from 'expo-image-picker';
 import { router, Stack } from "expo-router";
 import { useState } from "react";
-import { Image, Pressable, SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native";
+import { Image, Pressable, SafeAreaView, ScrollView, Text, View } from "react-native";
 
 export default function CreateMember() {
    const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' })
@@ -36,6 +35,7 @@ export default function CreateMember() {
                headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
                headerTitle: 'Tambah Anggota',
                headerTitleAlign: 'center',
+               headerRight: () => <ButtonSaveHeader category="create" onPress={() => { router.push('/member') }} />
             }}
          />
          <ScrollView>
@@ -61,7 +61,7 @@ export default function CreateMember() {
                <InputForm label="Email" type="default" placeholder="Email" required />
                <InputForm label="Nomor Telepon" type="numeric" placeholder="8XX-XXX-XXX" required itemLeft={<Text>+62</Text>} />
                <SelectForm label="Jenis Kelamin" placeholder="Pilih Jenis Kelamin" value={chooseGroup.label} required onPress={() => { }} />
-               <ButtonForm
+               {/* <ButtonForm
                   text="SIMPAN"
                   onPress={() => {
                      AlertKonfirmasi({
@@ -72,7 +72,7 @@ export default function CreateMember() {
                            router.push('/member?active=true')
                         }
                      })
-                  }} />
+                  }} /> */}
             </View>
          </ScrollView>
       </SafeAreaView>
diff --git a/app/(application)/member/edit/[id].tsx b/app/(application)/member/edit/[id].tsx
index 4bb010f..02c57c8 100644
--- a/app/(application)/member/edit/[id].tsx
+++ b/app/(application)/member/edit/[id].tsx
@@ -1,6 +1,5 @@
-import AlertKonfirmasi from "@/components/alertKonfirmasi"
 import ButtonBackHeader from "@/components/buttonBackHeader"
-import { ButtonForm } from "@/components/buttonForm"
+import ButtonSaveHeader from "@/components/buttonSaveHeader"
 import { InputForm } from "@/components/inputForm"
 import SelectForm from "@/components/selectForm"
 import { ColorsStatus } from "@/constants/ColorsStatus"
@@ -9,7 +8,7 @@ import { MaterialCommunityIcons } from "@expo/vector-icons"
 import * as ImagePicker from 'expo-image-picker'
 import { router, Stack } from "expo-router"
 import { useState } from "react"
-import { Image, Pressable, SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native"
+import { Image, Pressable, SafeAreaView, ScrollView, Text, View } from "react-native"
 
 export default function EditMember() {
    const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' })
@@ -36,6 +35,7 @@ export default function EditMember() {
                headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
                headerTitle: 'Edit Anggota',
                headerTitleAlign: 'center',
+               headerRight: () => <ButtonSaveHeader category="update" onPress={() => { router.back() }} />
             }}
          />
          <ScrollView>
@@ -60,7 +60,7 @@ export default function EditMember() {
                <InputForm label="Email" type="default" placeholder="Email" required />
                <InputForm label="Nomor Telepon" type="numeric" placeholder="8XX-XXX-XXX" required itemLeft={<Text>+62</Text>} />
                <SelectForm label="Jenis Kelamin" placeholder="Pilih Jenis Kelamin" value={chooseGroup.label} required onPress={() => { }} />
-               <ButtonForm
+               {/* <ButtonForm
                   text="SIMPAN"
                   onPress={() => {
                      AlertKonfirmasi({
@@ -71,7 +71,7 @@ export default function EditMember() {
                            router.back()
                         }
                      })
-                  }} />
+                  }} /> */}
             </View>
          </ScrollView>
       </SafeAreaView>
diff --git a/app/(application)/member/index.tsx b/app/(application)/member/index.tsx
index 4664416..2d42aae 100644
--- a/app/(application)/member/index.tsx
+++ b/app/(application)/member/index.tsx
@@ -19,7 +19,7 @@ export default function Index() {
                      value="true"
                      onPress={() => { router.push('/member?active=true') }}
                      label="Aktif"
-                     icon={<Feather name="check-circle" color={active == "true" ? 'white' : 'black'} size={20} />}
+                     icon={<Feather name="check-circle" color={active == "false" ? 'black' : 'white'} size={20} />}
                      n={2} />
                   <ButtonTab
                      active={active == "false" ? "false" : "true"}
diff --git a/components/member/headerMemberDetail.tsx b/components/member/headerMemberDetail.tsx
index 42d20b0..dace0ae 100644
--- a/components/member/headerMemberDetail.tsx
+++ b/components/member/headerMemberDetail.tsx
@@ -1,7 +1,7 @@
 import Styles from "@/constants/Styles"
 import { MaterialCommunityIcons } from "@expo/vector-icons"
 import { useState } from "react"
-import { View } from "react-native"
+import { ToastAndroid, View } from "react-native"
 import AlertKonfirmasi from "../alertKonfirmasi"
 import ButtonMenuHeader from "../buttonMenuHeader"
 import DrawerBottom from "../drawerBottom"
@@ -27,7 +27,10 @@ export default function HeaderRightMemberDetail({ id }: Props) {
                      AlertKonfirmasi({
                         title: 'Konfirmasi',
                         desc: 'Apakah anda yakin ingin menonaktifkan data?',
-                        onPress: () => { }
+                        onPress: () => {
+                           setVisible(false)
+                           ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
+                        }
                      })
                   }}
                />