diff --git a/src/components/FeedPost.tsx b/src/components/FeedPost.tsx index e759f4c..db32c52 100644 --- a/src/components/FeedPost.tsx +++ b/src/components/FeedPost.tsx @@ -6,6 +6,7 @@ import { Post, ThreadPost } from "../lib/post"; import { Profile } from "../lib/profile"; import { PostInteractionButtons, PostNotesIndicator } from "./PostInteraction"; import { Text } from "./primitive/Text"; +import Ionicons from "@expo/vector-icons/Ionicons"; const styles = StyleSheet.create({ postHeader: { @@ -19,6 +20,9 @@ const styles = StyleSheet.create({ flexDirection: "row", alignItems: "center", gap: 10, + + borderBottomWidth: 1, + borderColor: "#313131", }, postHeaderHovered: { backgroundColor: "#5a5a5a", @@ -31,7 +35,6 @@ const styles = StyleSheet.create({ margin: 0, gap: 10, - borderTopWidth: 1, borderBottomWidth: 1, borderColor: "#313131", }, @@ -50,10 +53,13 @@ const styles = StyleSheet.create({ }, }); -function PostHeader({ profile }: { profile: Profile }) { +function PostHeader({ post, reblogParentProfile }: { post: Post, reblogParentProfile?: Profile }) { + const router = useRouter(); const [hovered, setHovered] = useState(false); - const router = useRouter(); + const reblogged = !!post.reblog + const profile = post.author + const onPress = () => { // TODO: This should go to the post, not the author's page router.navigate(`/blog/${profile.handle}`); @@ -70,7 +76,14 @@ function PostHeader({ profile }: { profile: Profile }) { style={{ width: 25, height: 25 }} source={require("@/assets/images/avatar-default.svg")} /> - {profile.handle} + {reblogged && ( + + )} + {reblogged ? ( + {profile.handle} reblogged {reblogParentProfile!.handle} + ) : ( + {profile.handle} + )} ); } @@ -102,7 +115,7 @@ export default function FeedPost({ thread }: { thread: ThreadPost[] }) { return ( - + {thread.map((post) => ( ))}