移除 UserProfileDialog 并入 ChatInfoDialog

client/ui/dialog/ChatInfoDialog.tsx

@@ -12,29 +12,32 @@ import openImageViewer from "../openImageViewer.ts"
 import EventBus from "../../EventBus.ts"
 
 interface Args extends React.HTMLAttributes<HTMLElement> {
-    chat: Chat
+    chat?: Chat
     openChatFragment: (id: string) => void
     chatInfoDialogRef: React.MutableRefObject<Dialog>
-    openUserInfoDialog: (user: User | string) => void
     sharedFavouriteChats: Chat[]
 }
 
-export default function ChatInfoDialog({ chat, chatInfoDialogRef, openChatFragment, openUserInfoDialog, sharedFavouriteChats }: Args) {
-    const [chatInfo, setChatInfo] = React.useState(null as unknown as Chat)
+export default function ChatInfoDialog({ chat, chatInfoDialogRef, openChatFragment, sharedFavouriteChats }: Args) {
     const [favourited, setIsFavourited] = React.useState(false)
 
-    useAsyncEffect(async () => {
-        if (chat == null) return
-        const re = await Client.invoke("Chat.getInfo", {
-            token: data.access_token,
-            target: chat.id,
-        })
-        if (re.code != 200)
-            return checkApiSuccessOrSncakbar(re, '获取对话信息失败')
+    React.useEffect(() => {
+        setIsFavourited(sharedFavouriteChats.map((v) => v.id).indexOf(chat?.id || '') != -1)
+    })
 
-        const info = re.data as Chat
-        setIsFavourited(sharedFavouriteChats.map((v) => v.id).indexOf(info.id) != -1)
+    let userId: string | null = null
+    useAsyncEffect(async () => {
+        if (chat?.type == 'private') {
+            const re = await Client.invoke("Chat.getAnotherUserIdFromPrivate", {
+                token: data.access_token,
+                target: chat.id,
+            })
+            if (re.code != 200)
+                return checkApiSuccessOrSncakbar(re, '获取用户失败')
+            userId = re.data!.user_id as string
+        }
     }, [chat, sharedFavouriteChats])
+
     const avatarUrl = getUrlForFileByHash(chat?.avatar_file_hash as string)
 
     return (
@@ -57,19 +60,6 @@ export default function ChatInfoDialog({ chat, chatInfoDialogRef, openChatFragme
             }}></mdui-divider>
 
             <mdui-list>
-                {
-                    chat?.type == 'private' &&
-                    <mdui-list-item icon="person" rounded onClick={async () => {
-                        const re = await Client.invoke("Chat.getAnotherUserIdFromPrivate", {
-                            token: data.access_token,
-                            target: chat.id,
-                        })
-                        if (re.code != 200)
-                            return checkApiSuccessOrSncakbar(re, '获取用户失败')
-
-                        openUserInfoDialog(re.data!.user_id as string)
-                    }}>用户详情</mdui-list-item>
-                }
                 <mdui-list-item icon={favourited ? "favorite_border" : "favorite"} rounded onClick={() => dialog({
                     headline: favourited ? "取消收藏对话" : "收藏对话",
                     description: favourited ? "确定从收藏对话列表中移除吗? (虽然这不会导致聊天记录丢失)" : "确定要添加到收藏对话列表吗?",
@@ -83,7 +73,7 @@ export default function ChatInfoDialog({ chat, chatInfoDialogRef, openChatFragme
                         {
                             text: "确定",
                             onClick: () => {
-                                ;(async () => {
+                                ; (async () => {
                                     const re = await Client.invoke(favourited ? "User.removeContacts" : "User.addContacts", {
                                         token: data.access_token,
                                         targets: [

client/ui/dialog/UserProfileDialog.tsx

@@ -1,63 +0,0 @@
-import * as React from 'react'
-import { Dialog } from "mdui"
-import { checkApiSuccessOrSncakbar } from "../snackbar.ts"
-import Client from "../../api/Client.ts"
-
-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>
-    chatInfoDialogRef: React.MutableRefObject<Dialog>
-    openChatFragment: (id: string) => void
-    user: User
-}
-
-export default function UserProfileDialog({
-    userProfileDialogRef,
-    chatInfoDialogRef,
-    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={avatarUrl} text={user?.nickname} style={{
-                    width: '50px',
-                    height: '50px',
-                }} onClick={() => avatarUrl && openImageViewer(avatarUrl)} />
-                <span style={{
-                    marginLeft: "15px",
-                    fontSize: '16.5px',
-                }}>{user?.nickname}</span>
-            </div>
-            <mdui-divider style={{
-                marginTop: "10px",
-            }}></mdui-divider>
-
-            <mdui-list>
-                {/* <mdui-list-item icon="edit" rounded>设置备注</mdui-list-item> */}
-                <mdui-list-item icon="chat" rounded onClick={async () => {
-                    const re = await Client.invoke("Chat.getIdForPrivate", {
-                        token: data.access_token,
-                        target: user.id,
-                    })
-                    if (re.code != 200)
-                        return checkApiSuccessOrSncakbar(re, '获取对话失败')
-                    
-                    openChatFragment(re.data!.chat_id as string)
-                    userProfileDialogRef.current!.open = false
-                    chatInfoDialogRef.current!.open = false
-                }}>对话</mdui-list-item>
-            </mdui-list>
-        </mdui-dialog>
-    )
-}