pro/im_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NavRail左上角头像补充点击跳转个人资料页

Browse Source 
此前是纯展示的Avatar，没有包任何可点击元素。包一层Link指向
/settings/profile，和设置页里"个人资料"入口是同一个目的地。
This commit is contained in:
Your Name
2026-09-16 16:58:21 +08:00
parent 823a47e182
commit c455644cca
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/app/NavRail.tsx
+3 -1
View File
@@ -68,7 +68,9 @@ interface NavRailProps {
export function NavRail({ unreadMessages = 0, selfId, selfName, selfAvatarFileId }: NavRailProps) { export function NavRail({ unreadMessages = 0, selfId, selfName, selfAvatarFileId }: NavRailProps) {
return ( return (
<nav className="flex h-full w-16 flex-none flex-col items-center border-r border-[#e6e9ee] bg-surface-rail pb-3 pt-3.5"> <nav className="flex h-full w-16 flex-none flex-col items-center border-r border-[#e6e9ee] bg-surface-rail pb-3 pt-3.5">
<Avatar id={selfId || ''} name={selfName} avatarFileId={selfAvatarFileId} className="mb-[22px] h-[38px] w-[38px] rounded-[10px] text-base" /> <Link to="/settings/profile" title="个人资料" aria-label="个人资料" className="mb-[22px]">
<Avatar id={selfId || ''} name={selfName} avatarFileId={selfAvatarFileId} className="h-[38px] w-[38px] rounded-[10px] text-base" />
</Link>
<div className="flex flex-1 flex-col items-center gap-1.5"> <div className="flex flex-1 flex-col items-center gap-1.5">
{TOP_ITEMS.map((item) => ( {TOP_ITEMS.map((item) => (
<NavRailButton key={item.to} item={item.to === '/messages' ? { ...item, badge: unreadMessages } : item} /> <NavRailButton key={item.to} item={item.to === '/messages' ? { ...item, badge: unreadMessages } : item} />