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) => (
))}