upd: member
Deskripsi: - ganti button save form pada create dan update member No Issues
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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"}
|
||||||
|
|||||||
@@ -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)
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user