From cbaa00989ab4aa31e7eff7660d30e36139c84dd8 Mon Sep 17 00:00:00 2001
From: nyne <me@nyne.dev>
Date: Sun, 18 May 2025 11:07:47 +0800
Subject: [PATCH] Enhance comment tile with user profile navigation

---
 frontend/src/pages/resource_details_page.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/resource_details_page.tsx b/frontend/src/pages/resource_details_page.tsx
index b9b27dd..78e1d9c 100644
--- a/frontend/src/pages/resource_details_page.tsx
+++ b/frontend/src/pages/resource_details_page.tsx
@@ -590,15 +590,21 @@ function CommentsList({resourceId, page, maxPageCallback}: {
 }
 
 function CommentTile({comment}: { comment: Comment }) {
+  const navigate = useNavigate();
   return <div className={"card card-border border-base-300 p-2 my-3"}>
     <div className={"flex flex-row items-center my-1 mx-1"}>
-      <div className="avatar">
+      <div className="avatar cursor-pointer" onClick={() => navigate(`/user/${comment.user.username}`)}>
         <div className="w-8 rounded-full">
           <img src={network.getUserAvatar(comment.user)} alt={"avatar"}/>
         </div>
       </div>
       <div className={"w-2"}></div>
-      <div className={"text-sm font-bold"}>{comment.user.username}</div>
+      <div
+        className={"text-sm font-bold cursor-pointer"}
+        onClick={() => navigate(`/user/${comment.user.username}`)}
+      >
+        {comment.user.username}
+      </div>
       <div className={"grow"}></div>
       <div className={"text-sm text-gray-500"}>{new Date(comment.created_at).toLocaleString()}</div>
     </div>