upd: ui home
Deskripsi: - update package - ui diskusi home - ui event home - ui bar chart home - ui pie chart home - ui divisi home No Issues
This commit is contained in:
30
components/discussionItem.tsx
Normal file
30
components/discussionItem.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import Styles from "@/constants/Styles";
|
||||
import { Ionicons, Feather } from "@expo/vector-icons";
|
||||
import { Text, View } from "react-native";
|
||||
|
||||
type Props = {
|
||||
title: string
|
||||
user: string
|
||||
date: string
|
||||
}
|
||||
|
||||
export default function DiscussionItem({ title, user, date }: Props) {
|
||||
return (
|
||||
<View style={[Styles.wrapItemDiscussion]}>
|
||||
<View style={[Styles.rowItemsCenter, Styles.mb10]}>
|
||||
<Ionicons name="chatbox-ellipses-outline" size={22} color="black" style={Styles.mr10} />
|
||||
<Text style={{ fontWeight: 'bold' }}>{title}</Text>
|
||||
</View>
|
||||
<View style={Styles.rowSpaceBetween}>
|
||||
<View style={Styles.rowItemsCenter}>
|
||||
<Feather name="user" size={18} color="grey" style={Styles.mr05} />
|
||||
<Text style={[Styles.textInformation]}>{user}</Text>
|
||||
</View>
|
||||
<View style={Styles.rowItemsCenter}>
|
||||
<Feather name="clock" size={18} color="grey" style={Styles.mr05} />
|
||||
<Text style={[Styles.textInformation]}>{date}</Text>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user