From e0a222454470d9b0cfe9c33aab19f7ed9d9fe11f Mon Sep 17 00:00:00 2001
From: john <me@johnmorr.is>
Date: Sun, 4 May 2025 00:31:46 +0200
Subject: [PATCH] add username

---
 src/components/PostItem.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/PostItem.tsx b/src/components/PostItem.tsx
index cc608df..0af0463 100644
--- a/src/components/PostItem.tsx
+++ b/src/components/PostItem.tsx
@@ -1,4 +1,5 @@
 import { Post } from '../model/posts/posts.ts'
+import { Link } from 'react-router'
 
 interface PostItemProps {
   post: Post
@@ -15,7 +16,12 @@ export default function PostItem({ post }: PostItemProps) {
 
   return (
     <article className="w-full p-4" key={post.postId}>
-      <div className="text-sm text-gray-500 mb-3">{formattedDate}</div>
+      <div className="text-sm text-gray-500 mb-3">
+        <Link to={`/u/${post.authorName}`} className="text-gray-400 hover:underline mr-2">
+          @{post.authorName}
+        </Link>
+        • {formattedDate}
+      </div>
 
       <div className="text-gray-800 mb-4 whitespace-pre-wrap">{post.content}</div>