CrescentLeaf/LingChair
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: 查看对话/用户的头像

Browse Source
This commit is contained in:
CrescentLeaf
2025-11-01 10:06:35 +08:00
parent 02485de52c
commit fabd325976
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/ui/dialog/ChatInfoDialog.tsx
View File

@@ -8,6 +8,7 @@ import Avatar from "../Avatar.tsx"
import { checkApiSuccessOrSncakbar } from "../snackbar.ts" import { checkApiSuccessOrSncakbar } from "../snackbar.ts"
import User from "../../api/client_data/User.ts" import User from "../../api/client_data/User.ts"
import getUrlForFileByHash from "../../getUrlForFileByHash.ts" import getUrlForFileByHash from "../../getUrlForFileByHash.ts"
import openImageViewer from "../openImageViewer.ts"
interface Args extends React.HTMLAttributes<HTMLElement> { interface Args extends React.HTMLAttributes<HTMLElement> {
chat: Chat chat: Chat
@@ -30,6 +31,7 @@ export default function ChatInfoDialog({ chat, chatInfoDialogRef, openChatFragme
return checkApiSuccessOrSncakbar(re, '获取对话信息失败') return checkApiSuccessOrSncakbar(re, '获取对话信息失败')
setChatInfo(re.data!.chat_info as Chat) setChatInfo(re.data!.chat_info as Chat)
}) })
const avatarUrl = getUrlForFileByHash(chat?.avatar_file_hash as string)
return ( return (
<mdui-dialog close-on-overlay-click close-on-esc ref={chatInfoDialogRef}> <mdui-dialog close-on-overlay-click close-on-esc ref={chatInfoDialogRef}>
@@ -37,10 +39,10 @@ export default function ChatInfoDialog({ chat, chatInfoDialogRef, openChatFragme
display: 'flex', display: 'flex',
alignItems: 'center', 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', width: '50px',
height: '50px', height: '50px',
}} /> }} onClick={() => avatarUrl && openImageViewer(avatarUrl)} />
<span style={{ <span style={{
marginLeft: "15px", marginLeft: "15px",
fontSize: '16.5px', fontSize: '16.5px',

7
client/ui/dialog/UserProfileDialog.tsx
View File

@@ -7,6 +7,8 @@ import data from "../../Data.ts"
import Avatar from "../Avatar.tsx" import Avatar from "../Avatar.tsx"
import User from "../../api/client_data/User.ts" import User from "../../api/client_data/User.ts"
import getUrlForFileByHash from "../../getUrlForFileByHash.ts" import getUrlForFileByHash from "../../getUrlForFileByHash.ts"
import openImageViewer from "../openImageViewer.ts"
import Chat from "../../api/client_data/Chat.ts"
interface Refs { interface Refs {
userProfileDialogRef: React.MutableRefObject<Dialog> userProfileDialogRef: React.MutableRefObject<Dialog>
@@ -21,16 +23,17 @@ export default function UserProfileDialog({
openChatFragment, openChatFragment,
user user
}: Refs) { }: Refs) {
const avatarUrl = getUrlForFileByHash(user?.avatar_file_hash)
return ( return (
<mdui-dialog close-on-overlay-click close-on-esc ref={userProfileDialogRef}> <mdui-dialog close-on-overlay-click close-on-esc ref={userProfileDialogRef}>
<div style={{ <div style={{
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
}}> }}>
<Avatar src={getUrlForFileByHash(user?.avatar_file_hash)} text={user?.nickname} style={{ <Avatar src={avatarUrl} text={user?.nickname} style={{
width: '50px', width: '50px',
height: '50px', height: '50px',
}} /> }} onClick={() => avatarUrl && openImageViewer(avatarUrl)} />
<span style={{ <span style={{
marginLeft: "15px", marginLeft: "15px",
fontSize: '16.5px', fontSize: '16.5px',