upd: diskusi divisi
Deskripsi: - ui detail diskusi divisi - ui edit diskusi divisi - ui tambah diskusi divisi No Issues
This commit is contained in:
amel
@@ -0,0 +1,38 @@
|
|||||||
|
import AlertKonfirmasi from "@/components/alertKonfirmasi";
|
||||||
|
import ButtonBackHeader from "@/components/buttonBackHeader";
|
||||||
|
import { ButtonForm } from "@/components/buttonForm";
|
||||||
|
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 DiscussionDivisionEdit() {
|
||||||
|
return (
|
||||||
|
<SafeAreaView>
|
||||||
|
<Stack.Screen
|
||||||
|
options={{
|
||||||
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
||||||
|
headerTitle: 'Edit Diskusi',
|
||||||
|
headerTitleAlign: 'center',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<ScrollView>
|
||||||
|
<View style={[Styles.p15]}>
|
||||||
|
<InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required />
|
||||||
|
<ButtonForm
|
||||||
|
text="SIMPAN"
|
||||||
|
onPress={() => {
|
||||||
|
AlertKonfirmasi({
|
||||||
|
title: 'Konfirmasi',
|
||||||
|
desc: 'Apakah anda yakin ingin mengubah data?',
|
||||||
|
onPress: () => {
|
||||||
|
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
|
||||||
|
router.back()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}} />
|
||||||
|
</View>
|
||||||
|
</ScrollView>
|
||||||
|
</SafeAreaView>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -1,9 +1,154 @@
|
|||||||
import { Text } from "react-native";
|
import BorderBottomItem from "@/components/borderBottomItem";
|
||||||
|
import ButtonBackHeader from "@/components/buttonBackHeader";
|
||||||
|
import HeaderRightDiscussionDetail from "@/components/discussion/headerDiscussionDetail";
|
||||||
|
import { InputForm } from "@/components/inputForm";
|
||||||
|
import LabelStatus from "@/components/labelStatus";
|
||||||
|
import { ColorsStatus } from "@/constants/ColorsStatus";
|
||||||
|
import Styles from "@/constants/Styles";
|
||||||
|
import { Ionicons, MaterialIcons } from "@expo/vector-icons";
|
||||||
|
import { router, Stack, useLocalSearchParams } from "expo-router";
|
||||||
|
import { Image, ScrollView, Text, View } from "react-native";
|
||||||
|
|
||||||
export default function DiscussionDetail() {
|
export default function DiscussionDetail() {
|
||||||
|
const { id, detail } = useLocalSearchParams();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Text>Detail diskusi</Text>
|
<Stack.Screen
|
||||||
|
options={{
|
||||||
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
||||||
|
headerTitle: 'Diskusi',
|
||||||
|
headerTitleAlign: 'center',
|
||||||
|
headerRight: () => <HeaderRightDiscussionDetail id={detail} />,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<View style={{ flex: 1 }}>
|
||||||
|
<View style={{ flex: 5 }}>
|
||||||
|
<ScrollView>
|
||||||
|
<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
|
||||||
|
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
|
||||||
|
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>
|
||||||
|
</View>
|
||||||
|
</ScrollView>
|
||||||
|
</View>
|
||||||
|
<View style={[Styles.p15, { flex: 0.4 }]}>
|
||||||
|
<InputForm
|
||||||
|
bg="white"
|
||||||
|
type="default"
|
||||||
|
round
|
||||||
|
placeholder="Kirim Komentar"
|
||||||
|
itemRight={
|
||||||
|
<MaterialIcons name="send" size={25} color={'#384288'} />
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
63
components/discussion/headerDiscussionDetail.tsx
Normal file
63
components/discussion/headerDiscussionDetail.tsx
Normal file
@@ -0,0 +1,63 @@
|
|||||||
|
import Styles from "@/constants/Styles"
|
||||||
|
import { MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
|
||||||
|
import { router } from "expo-router"
|
||||||
|
import { useState } from "react"
|
||||||
|
import { ToastAndroid, View } from "react-native"
|
||||||
|
import AlertKonfirmasi from "../alertKonfirmasi"
|
||||||
|
import ButtonMenuHeader from "../buttonMenuHeader"
|
||||||
|
import DrawerBottom from "../drawerBottom"
|
||||||
|
import MenuItemRow from "../menuItemRow"
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
id: string | string[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function HeaderRightDiscussionDetail({ id }: Props) {
|
||||||
|
const [isVisible, setVisible] = useState(false)
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<ButtonMenuHeader onPress={() => { setVisible(true) }} />
|
||||||
|
<DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu">
|
||||||
|
<View style={Styles.rowItemsCenter}>
|
||||||
|
<MenuItemRow
|
||||||
|
icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
|
||||||
|
title="Edit"
|
||||||
|
onPress={() => {
|
||||||
|
setVisible(false)
|
||||||
|
router.push(`./${id}/edit`)
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<MenuItemRow
|
||||||
|
icon={<MaterialIcons name="close" color="black" size={25} />}
|
||||||
|
title="Tutup Diskusi"
|
||||||
|
onPress={() => {
|
||||||
|
AlertKonfirmasi({
|
||||||
|
title: 'Konfirmasi',
|
||||||
|
desc: 'Apakah anda yakin ingin menutup diskusi?',
|
||||||
|
onPress: () => {
|
||||||
|
setVisible(false)
|
||||||
|
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<MenuItemRow
|
||||||
|
icon={<MaterialCommunityIcons name="archive-outline" color="black" size={25} />}
|
||||||
|
title="Arsipkan"
|
||||||
|
onPress={() => {
|
||||||
|
AlertKonfirmasi({
|
||||||
|
title: 'Konfirmasi',
|
||||||
|
desc: 'Apakah anda yakin ingin mengarsipkan diskusi?',
|
||||||
|
onPress: () => {
|
||||||
|
setVisible(false)
|
||||||
|
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
</DrawerBottom>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user