upd: diskusi umum

Deskripsi;
- ganti buttonsave header pada tambah dan ubah data diskusi umum
- on bottom form input pada detail diskusi

No Issues
This commit is contained in:
amel
2025-03-13 12:22:57 +08:00
parent 5e94c60a2f
commit 8907c6dca9
3 changed files with 119 additions and 113 deletions

View File

@@ -23,121 +23,119 @@ export default function DetailDiscussionGeneral() {
}} }}
/> />
<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
borderType="bottom"
icon={
<View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
<MaterialIcons name="chat" size={25} color={'#384288'} />
</View>
}
title="Danantara"
subtitle={
<LabelStatus category='success' text='BUKA' size="small" />
}
rightTopInfo="3 Jan 2025"
desc="Bagaimana dampak yg dirasakan akibat efisiensi?"
leftBottomInfo={
<View style={[Styles.rowItemsCenter]}>
<Ionicons name="chatbox-ellipses-outline" size={18} color="grey" style={Styles.mr05} />
<Text style={[Styles.textInformation, Styles.cGray, Styles.mb05]}>15 Komentar</Text>
</View>
}
/>
<View style={[Styles.p15]}>
<BorderBottomItem <BorderBottomItem
borderType="bottom" borderType="bottom"
icon={ icon={
<View style={[Styles.iconContent, ColorsStatus.lightGreen]}> <Image
<MaterialIcons name="chat" size={25} color={'#384288'} /> source={require("../../../assets/images/user.jpeg")}
</View> style={[Styles.userProfileExtraSmall]}
} />
title="Danantara"
subtitle={
<LabelStatus category='success' text='BUKA' size="small" />
} }
title="Amalia Dwi"
rightTopInfo="3 Jan 2025" rightTopInfo="3 Jan 2025"
desc="Bagaimana dampak yg dirasakan akibat efisiensi?" desc="sangat berdampak dari berbagai sisi"
leftBottomInfo={ />
<View style={[Styles.rowItemsCenter]}> <BorderBottomItem
<Ionicons name="chatbox-ellipses-outline" size={18} color="grey" style={Styles.mr05} /> borderType="bottom"
<Text style={[Styles.textInformation, Styles.cGray, Styles.mb05]}>15 Komentar</Text> icon={
</View> <Image
} source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/> />
<View style={[Styles.p15]}>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="sangat berdampak dari berbagai sisi"
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem <BorderBottomItem
borderType="bottom" borderType="bottom"
icon={ icon={
<Image <Image
source={require("../../../assets/images/user.jpeg")} source={require("../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]} style={[Styles.userProfileExtraSmall]}
/> />
} }
title="Amalia Dwi" title="Amalia Dwi"
rightTopInfo="3 Jan 2025" rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.." desc="semua menjadi terbatas.."
/> />
</View>
</View> </View>
</ScrollView> </View>
</View> </ScrollView>
<View style={[Styles.p15, { flex: 1 }]}> <View style={[Styles.ph15, Styles.pv10, { position: 'absolute', bottom: 10 }]}>
<InputForm <InputForm
type="default" type="default"
round round

View File

@@ -1,6 +1,7 @@
import AlertKonfirmasi from "@/components/alertKonfirmasi"; import AlertKonfirmasi from "@/components/alertKonfirmasi";
import ButtonBackHeader from "@/components/buttonBackHeader"; import ButtonBackHeader from "@/components/buttonBackHeader";
import { ButtonForm } from "@/components/buttonForm"; import { ButtonForm } from "@/components/buttonForm";
import ButtonSaveHeader from "@/components/buttonSaveHeader";
import ButtonSelect from "@/components/buttonSelect"; import ButtonSelect from "@/components/buttonSelect";
import { InputForm } from "@/components/inputForm"; import { InputForm } from "@/components/inputForm";
import SelectForm from "@/components/selectForm"; import SelectForm from "@/components/selectForm";
@@ -19,6 +20,10 @@ export default function CreateDiscussionGeneral() {
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />, headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Tambah Diskusi', headerTitle: 'Tambah Diskusi',
headerTitleAlign: 'center', headerTitleAlign: 'center',
headerRight: () => <ButtonSaveHeader category="create" onPress={() => {
ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
router.push('/discussion?active=true')
}} />
}} }}
/> />
<ScrollView> <ScrollView>
@@ -26,8 +31,8 @@ export default function CreateDiscussionGeneral() {
<SelectForm label="Lembaga Desa" placeholder="Pilih Lembaga Desa" value={chooseGroup.label} required onPress={() => { }} /> <SelectForm label="Lembaga Desa" placeholder="Pilih Lembaga Desa" value={chooseGroup.label} required onPress={() => { }} />
<InputForm label="Nama" type="default" placeholder="Nama" required /> <InputForm label="Nama" type="default" placeholder="Nama" required />
<InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required /> <InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required />
<ButtonSelect value="Pilih Anggota"/> <ButtonSelect value="Pilih Anggota" />
<ButtonForm {/* <ButtonForm
text="SIMPAN" text="SIMPAN"
onPress={() => { onPress={() => {
AlertKonfirmasi({ AlertKonfirmasi({
@@ -38,7 +43,7 @@ export default function CreateDiscussionGeneral() {
router.push('/discussion?active=true') router.push('/discussion?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 Styles from "@/constants/Styles" import Styles from "@/constants/Styles"
import { router, Stack } from "expo-router" import { router, Stack } from "expo-router"
@@ -14,13 +13,17 @@ export default function EditDiscussionGeneral() {
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="Judul" type="default" placeholder="Judul" required /> <InputForm label="Judul" type="default" placeholder="Judul" required />
<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({
@@ -31,7 +34,7 @@ export default function EditDiscussionGeneral() {
router.back() router.back()
} }
}) })
}} /> }} /> */}
</View> </View>
</ScrollView> </ScrollView>
</SafeAreaView> </SafeAreaView>