From fabd32597693d691bf48f30066dfd36169790159 Mon Sep 17 00:00:00 2001
From: CrescentLeaf <crescentleaf@noreply.codeberg.org>
Date: Sat, 1 Nov 2025 10:06:35 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9F=A5=E7=9C=8B=E5=AF=B9=E8=AF=9D/?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E7=9A=84=E5=A4=B4=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/ui/dialog/ChatInfoDialog.tsx    | 6 ++++--
 client/ui/dialog/UserProfileDialog.tsx | 7 +++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/ui/dialog/ChatInfoDialog.tsx b/client/ui/dialog/ChatInfoDialog.tsx
index 7cfe720..04e0ca9 100644
--- a/client/ui/dialog/ChatInfoDialog.tsx
+++ b/client/ui/dialog/ChatInfoDialog.tsx
@@ -8,6 +8,7 @@ import Avatar from "../Avatar.tsx"
 import { checkApiSuccessOrSncakbar } from "../snackbar.ts"
 import User from "../../api/client_data/User.ts"
 import getUrlForFileByHash from "../../getUrlForFileByHash.ts"
+import openImageViewer from "../openImageViewer.ts"
 
 interface Args extends React.HTMLAttributes<HTMLElement> {
     chat: Chat
@@ -30,6 +31,7 @@ export default function ChatInfoDialog({ chat, chatInfoDialogRef, openChatFragme
             return checkApiSuccessOrSncakbar(re, '获取对话信息失败')
         setChatInfo(re.data!.chat_info as Chat)
     })
+    const avatarUrl = getUrlForFileByHash(chat?.avatar_file_hash as string)
 
     return (
         <mdui-dialog close-on-overlay-click close-on-esc ref={chatInfoDialogRef}>
@@ -37,10 +39,10 @@ export default function ChatInfoDialog({ chat, chatInfoDialogRef, openChatFragme
                 display: 'flex',
                 alignItems: 'center',
             }}>
-                <Avatar src={getUrlForFileByHash(chat?.avatar_file_hash as string)} text={chat?.nickname as string} style={{
+                <Avatar src={avatarUrl} text={chat?.nickname as string} style={{
                     width: '50px',
                     height: '50px',
-                }} />
+                }} onClick={() => avatarUrl && openImageViewer(avatarUrl)} />
                 <span style={{
                     marginLeft: "15px",
                     fontSize: '16.5px',
diff --git a/client/ui/dialog/UserProfileDialog.tsx b/client/ui/dialog/UserProfileDialog.tsx
index ad0ae4a..c33f09d 100644
--- a/client/ui/dialog/UserProfileDialog.tsx
+++ b/client/ui/dialog/UserProfileDialog.tsx
@@ -7,6 +7,8 @@ import data from "../../Data.ts"
 import Avatar from "../Avatar.tsx"
 import User from "../../api/client_data/User.ts"
 import getUrlForFileByHash from "../../getUrlForFileByHash.ts"
+import openImageViewer from "../openImageViewer.ts"
+import Chat from "../../api/client_data/Chat.ts"
 
 interface Refs {
     userProfileDialogRef: React.MutableRefObject<Dialog>
@@ -21,16 +23,17 @@ export default function UserProfileDialog({
     openChatFragment,
     user
 }: Refs) {
+    const avatarUrl = getUrlForFileByHash(user?.avatar_file_hash)
     return (
         <mdui-dialog close-on-overlay-click close-on-esc ref={userProfileDialogRef}>
             <div style={{
                 display: 'flex',
                 alignItems: 'center',
             }}>
-                <Avatar src={getUrlForFileByHash(user?.avatar_file_hash)} text={user?.nickname} style={{
+                <Avatar src={avatarUrl} text={user?.nickname} style={{
                     width: '50px',
                     height: '50px',
-                }} />
+                }} onClick={() => avatarUrl && openImageViewer(avatarUrl)} />
                 <span style={{
                     marginLeft: "15px",
                     fontSize: '16.5px',