upd: member

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

No Issues
This commit is contained in:
amel
2025-03-13 11:55:47 +08:00
parent 8784967d41
commit 99b7fb656f
4 changed files with 16 additions and 13 deletions

View File

@@ -1,6 +1,5 @@
import AlertKonfirmasi from "@/components/alertKonfirmasi";
import ButtonBackHeader from "@/components/buttonBackHeader"; import ButtonBackHeader from "@/components/buttonBackHeader";
import { ButtonForm } from "@/components/buttonForm"; import ButtonSaveHeader from "@/components/buttonSaveHeader";
import { InputForm } from "@/components/inputForm"; import { InputForm } from "@/components/inputForm";
import SelectForm from "@/components/selectForm"; import SelectForm from "@/components/selectForm";
import { ColorsStatus } from "@/constants/ColorsStatus"; import { ColorsStatus } from "@/constants/ColorsStatus";
@@ -9,7 +8,7 @@ import { MaterialCommunityIcons } from "@expo/vector-icons";
import * as ImagePicker from 'expo-image-picker'; import * as ImagePicker from 'expo-image-picker';
import { router, Stack } from "expo-router"; import { router, Stack } from "expo-router";
import { useState } from "react"; 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() { export default function CreateMember() {
const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' }) const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' })
@@ -36,6 +35,7 @@ export default function CreateMember() {
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />, headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Tambah Anggota', headerTitle: 'Tambah Anggota',
headerTitleAlign: 'center', headerTitleAlign: 'center',
headerRight: () => <ButtonSaveHeader category="create" onPress={() => { router.push('/member') }} />
}} }}
/> />
<ScrollView> <ScrollView>
@@ -61,7 +61,7 @@ export default function CreateMember() {
<InputForm label="Email" type="default" placeholder="Email" required /> <InputForm label="Email" type="default" placeholder="Email" required />
<InputForm label="Nomor Telepon" type="numeric" placeholder="8XX-XXX-XXX" required itemLeft={<Text>+62</Text>} /> <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={() => { }} /> <SelectForm label="Jenis Kelamin" placeholder="Pilih Jenis Kelamin" value={chooseGroup.label} required onPress={() => { }} />
<ButtonForm {/* <ButtonForm
text="SIMPAN" text="SIMPAN"
onPress={() => { onPress={() => {
AlertKonfirmasi({ AlertKonfirmasi({
@@ -72,7 +72,7 @@ export default function CreateMember() {
router.push('/member?active=true') router.push('/member?active=true')
} }
}) })
}} /> }} /> */}
</View> </View>
</ScrollView> </ScrollView>
</SafeAreaView> </SafeAreaView>

View File

@@ -1,6 +1,5 @@
import AlertKonfirmasi from "@/components/alertKonfirmasi"
import ButtonBackHeader from "@/components/buttonBackHeader" import ButtonBackHeader from "@/components/buttonBackHeader"
import { ButtonForm } from "@/components/buttonForm" import ButtonSaveHeader from "@/components/buttonSaveHeader"
import { InputForm } from "@/components/inputForm" import { InputForm } from "@/components/inputForm"
import SelectForm from "@/components/selectForm" import SelectForm from "@/components/selectForm"
import { ColorsStatus } from "@/constants/ColorsStatus" import { ColorsStatus } from "@/constants/ColorsStatus"
@@ -9,7 +8,7 @@ import { MaterialCommunityIcons } from "@expo/vector-icons"
import * as ImagePicker from 'expo-image-picker' import * as ImagePicker from 'expo-image-picker'
import { router, Stack } from "expo-router" import { router, Stack } from "expo-router"
import { useState } from "react" 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() { export default function EditMember() {
const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' }) const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' })
@@ -36,6 +35,7 @@ export default function EditMember() {
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />, headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Edit Anggota', headerTitle: 'Edit Anggota',
headerTitleAlign: 'center', headerTitleAlign: 'center',
headerRight: () => <ButtonSaveHeader category="update" onPress={() => { router.back() }} />
}} }}
/> />
<ScrollView> <ScrollView>
@@ -60,7 +60,7 @@ export default function EditMember() {
<InputForm label="Email" type="default" placeholder="Email" required /> <InputForm label="Email" type="default" placeholder="Email" required />
<InputForm label="Nomor Telepon" type="numeric" placeholder="8XX-XXX-XXX" required itemLeft={<Text>+62</Text>} /> <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={() => { }} /> <SelectForm label="Jenis Kelamin" placeholder="Pilih Jenis Kelamin" value={chooseGroup.label} required onPress={() => { }} />
<ButtonForm {/* <ButtonForm
text="SIMPAN" text="SIMPAN"
onPress={() => { onPress={() => {
AlertKonfirmasi({ AlertKonfirmasi({
@@ -71,7 +71,7 @@ export default function EditMember() {
router.back() router.back()
} }
}) })
}} /> }} /> */}
</View> </View>
</ScrollView> </ScrollView>
</SafeAreaView> </SafeAreaView>

View File

@@ -19,7 +19,7 @@ export default function Index() {
value="true" value="true"
onPress={() => { router.push('/member?active=true') }} onPress={() => { router.push('/member?active=true') }}
label="Aktif" 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} /> n={2} />
<ButtonTab <ButtonTab
active={active == "false" ? "false" : "true"} active={active == "false" ? "false" : "true"}

View File

@@ -1,7 +1,7 @@
import Styles from "@/constants/Styles" import Styles from "@/constants/Styles"
import { MaterialCommunityIcons } from "@expo/vector-icons" import { MaterialCommunityIcons } from "@expo/vector-icons"
import { useState } from "react" import { useState } from "react"
import { View } from "react-native" import { ToastAndroid, View } from "react-native"
import AlertKonfirmasi from "../alertKonfirmasi" import AlertKonfirmasi from "../alertKonfirmasi"
import ButtonMenuHeader from "../buttonMenuHeader" import ButtonMenuHeader from "../buttonMenuHeader"
import DrawerBottom from "../drawerBottom" import DrawerBottom from "../drawerBottom"
@@ -27,7 +27,10 @@ export default function HeaderRightMemberDetail({ id }: Props) {
AlertKonfirmasi({ AlertKonfirmasi({
title: 'Konfirmasi', title: 'Konfirmasi',
desc: 'Apakah anda yakin ingin menonaktifkan data?', desc: 'Apakah anda yakin ingin menonaktifkan data?',
onPress: () => { } onPress: () => {
setVisible(false)
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
}
}) })
}} }}
/> />