4111392f17
Deskripsi: - tampilan form tambah banner - button save header tambah banner - tampilan form edit banner - button save header edit banner - padding form input with icon left or right No Issues
155 lines
6.8 KiB
TypeScript
155 lines
6.8 KiB
TypeScript
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() {
|
|
const { id, detail } = useLocalSearchParams();
|
|
|
|
return (
|
|
<>
|
|
<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={
|
|
<Image
|
|
source={require("../../../../../../../assets/images/user.jpeg")}
|
|
style={[Styles.userProfileSmall]}
|
|
/>
|
|
}
|
|
title="Amalia Dwi"
|
|
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.p10, { flex: 0.5 }]}>
|
|
<InputForm
|
|
bg="white"
|
|
type="default"
|
|
round
|
|
placeholder="Kirim Komentar"
|
|
itemRight={
|
|
<MaterialIcons name="send" size={25} color={'#384288'} />
|
|
}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</>
|
|
)
|
|
} |