upd: diskusi divisi

Deskripsi:
- button save form tambah dan edit diskusi
- ui tambah diskusi divisi
- bottom input pada detail diskusi divisi

No Issues
This commit is contained in:
amel
2025-03-14 10:35:19 +08:00
parent 3a35176777
commit 47c64bacc9
5 changed files with 140 additions and 111 deletions

View File

@@ -135,7 +135,7 @@ export default function DetailDiscussionGeneral() {
</View> </View>
</View> </View>
</ScrollView> </ScrollView>
<View style={[Styles.ph15, Styles.pv10, { position: 'absolute', bottom: 10 }]}> <View style={[Styles.ph15, Styles.pv10, { position: 'absolute', bottom: 10, backgroundColor: '#f4f4f4' }]}>
<InputForm <InputForm
type="default" type="default"
round round

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 Styles from "@/constants/Styles"; import Styles from "@/constants/Styles";
import { router, Stack } from "expo-router"; import { router, Stack } from "expo-router";
@@ -14,12 +13,16 @@ export default function DiscussionDivisionEdit() {
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />, headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Edit Diskusi', headerTitle: 'Edit Diskusi',
headerTitleAlign: 'center', headerTitleAlign: 'center',
headerRight: () => <ButtonSaveHeader category="update" onPress={() => {
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
router.back()
}} />
}} }}
/> />
<ScrollView> <ScrollView>
<View style={[Styles.p15]}> <View style={[Styles.p15]}>
<InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required /> <InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required />
<ButtonForm {/* <ButtonForm
text="SIMPAN" text="SIMPAN"
onPress={() => { onPress={() => {
AlertKonfirmasi({ AlertKonfirmasi({
@@ -30,7 +33,7 @@ export default function DiscussionDivisionEdit() {
router.back() router.back()
} }
}) })
}} /> }} /> */}
</View> </View>
</ScrollView> </ScrollView>
</SafeAreaView> </SafeAreaView>

View File

@@ -3,7 +3,6 @@ import ButtonBackHeader from "@/components/buttonBackHeader";
import HeaderRightDiscussionDetail from "@/components/discussion/headerDiscussionDetail"; import HeaderRightDiscussionDetail from "@/components/discussion/headerDiscussionDetail";
import { InputForm } from "@/components/inputForm"; import { InputForm } from "@/components/inputForm";
import LabelStatus from "@/components/labelStatus"; import LabelStatus from "@/components/labelStatus";
import { ColorsStatus } from "@/constants/ColorsStatus";
import Styles from "@/constants/Styles"; import Styles from "@/constants/Styles";
import { Ionicons, MaterialIcons } from "@expo/vector-icons"; import { Ionicons, MaterialIcons } from "@expo/vector-icons";
import { router, Stack, useLocalSearchParams } from "expo-router"; import { router, Stack, useLocalSearchParams } from "expo-router";
@@ -23,7 +22,6 @@ export default function DiscussionDetail() {
}} }}
/> />
<View style={{ flex: 1 }}> <View style={{ flex: 1 }}>
<View style={{ flex: 5 }}>
<ScrollView> <ScrollView>
<View style={[Styles.p15, Styles.mb100]}> <View style={[Styles.p15, Styles.mb100]}>
<BorderBottomItem <BorderBottomItem
@@ -137,8 +135,7 @@ export default function DiscussionDetail() {
</View> </View>
</View> </View>
</ScrollView> </ScrollView>
</View> <View style={[Styles.ph15, { position: 'absolute', bottom: 0, backgroundColor: '#f4f4f4' }]}>
<View style={[Styles.p10, { flex: 0.5 }]}>
<InputForm <InputForm
bg="white" bg="white"
type="default" type="default"

View File

@@ -0,0 +1,29 @@
import ButtonBackHeader from "@/components/buttonBackHeader"
import ButtonSaveHeader from "@/components/buttonSaveHeader"
import { InputForm } from "@/components/inputForm"
import Styles from "@/constants/Styles"
import { router, Stack } from "expo-router"
import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native"
export default function CreateDiscussionDivision() {
return (
<SafeAreaView>
<Stack.Screen
options={{
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Tambah Diskusi',
headerTitleAlign: 'center',
headerRight: () => <ButtonSaveHeader category="create" onPress={() => {
ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
router.push('./')
}} />
}}
/>
<ScrollView>
<View style={[Styles.p15, Styles.mb100]}>
<InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required />
</View>
</ScrollView>
</SafeAreaView>
)
}

View File

@@ -20,7 +20,7 @@ export default function HeaderRightDiscussionList() {
title="Tambah Diskusi" title="Tambah Diskusi"
onPress={() => { onPress={() => {
setVisible(false) setVisible(false)
router.push('/discussion/create') router.push('./discussion/create')
}} }}
/> />
</View> </View>