75901bceb3
Deskripsi: - ui list acara - ui tambah acara - ui history acara - ui detail acara - ui edit acara No Issues
61 lines
3.0 KiB
TypeScript
61 lines
3.0 KiB
TypeScript
import AlertKonfirmasi from "@/components/alertKonfirmasi";
|
|
import ButtonBackHeader from "@/components/buttonBackHeader";
|
|
import { ButtonForm } from "@/components/buttonForm";
|
|
import { InputForm } from "@/components/inputForm";
|
|
import SelectForm from "@/components/selectForm";
|
|
import Styles from "@/constants/Styles";
|
|
import { Stack, router } from "expo-router";
|
|
import { useState } from "react";
|
|
import { SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native";
|
|
|
|
export default function CalendarDivisionCreate() {
|
|
const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' })
|
|
|
|
return (
|
|
<SafeAreaView>
|
|
<Stack.Screen
|
|
options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
headerTitle: 'Tambah Acara',
|
|
headerTitleAlign: 'center',
|
|
}}
|
|
/>
|
|
<ScrollView>
|
|
<View style={[Styles.p15, Styles.mb100]}>
|
|
<InputForm label="Nama Acara" type="default" placeholder="Nama Acara" required bg="white" />
|
|
<InputForm label="Tanggal Acara" type="default" placeholder="Input Tanggal Acara" required bg="white" />
|
|
<View style={[Styles.rowSpaceBetween, Styles.mv10]}>
|
|
<View style={[{ width: '48%' }]}>
|
|
<Text style={[Styles.mb05]}>Waktu Awal<Text style={Styles.cError}>*</Text></Text>
|
|
<View style={[Styles.wrapPaper, Styles.p10]}>
|
|
<Text style={{ textAlign: 'center' }}>--.--</Text>
|
|
</View>
|
|
</View>
|
|
<View style={[{ width: '48%' }]}>
|
|
<Text style={[Styles.mb05]}>Waktu Akhir <Text style={Styles.cError}>*</Text></Text>
|
|
<View style={[Styles.wrapPaper, Styles.p10]}>
|
|
<Text style={{ textAlign: 'center' }}>--.--</Text>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
<InputForm label="Link Meet" type="default" placeholder="Link Meet" bg="white" />
|
|
<SelectForm bg="white" label="Ulangi Acara" placeholder="Ulangi Acara" value={chooseGroup.label} required onPress={() => { }} />
|
|
<InputForm label="Jumlah Pengulangan" type="numeric" placeholder="Jumlah Pengulangan" required bg="white" />
|
|
<InputForm label="Deskripsi" type="default" placeholder="Deskripsi" bg="white" />
|
|
<ButtonForm
|
|
text="SIMPAN"
|
|
onPress={() => {
|
|
AlertKonfirmasi({
|
|
title: 'Konfirmasi',
|
|
desc: 'Apakah anda yakin ingin menambahkan data?',
|
|
onPress: () => {
|
|
ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
|
|
router.push('./')
|
|
}
|
|
})
|
|
}} />
|
|
</View>
|
|
</ScrollView>
|
|
</SafeAreaView>
|
|
)
|
|
} |