nyne/nysoure
1
0
Fork 0
mirror of https://github.com/wgh136/nysoure.git synced 2025-09-27 12:17:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enhance comment tile with user profile navigation

Browse Source
This commit is contained in:
nyne
2025-05-18 11:07:47 +08:00
parent be09b55765
commit cbaa00989a
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/pages/resource_details_page.tsx
View File

@@ -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>