feat: 从对话详情打开用户详情

client/ui/dialog/ChatInfoDialog.tsx

@@ -4,16 +4,18 @@ import useAsyncEffect from "../useAsyncEffect.ts"
 import Client from "../../api/Client.ts"
 import data from "../../Data.ts"
 import { Dialog } from "mdui"
-import Avatar from "../Avatar.tsx";
+import Avatar from "../Avatar.tsx"
 import { checkApiSuccessOrSncakbar } from "../snackbar.ts"
+import User from "../../api/client_data/User.ts"
 
 interface Args extends React.HTMLAttributes<HTMLElement> {
     chat: Chat
     openChatFragment: (id: string) => void
     chatInfoDialogRef: React.MutableRefObject<Dialog>
+    openUserInfoDialog: (user: User | string) => void
 }
 
-export default function ChatInfoDialog({ chat, chatInfoDialogRef, openChatFragment }: Args) {
+export default function ChatInfoDialog({ chat, chatInfoDialogRef, openChatFragment, openUserInfoDialog }: Args) {
     const [chatInfo, setChatInfo] = React.useState(null as unknown as Chat)
     const isMySelf = Client.myUserProfile?.id == chatInfo?.user_a_id && Client.myUserProfile?.id == chatInfo?.user_b_id
 
@@ -45,14 +47,26 @@ export default function ChatInfoDialog({ chat, chatInfoDialogRef, openChatFragme
             </div>
             <mdui-divider style={{
                 marginTop: "10px",
-                marginBottom: "10px",
             }}></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="chat" rounded onClick={() => {
                     chatInfoDialogRef.current!.open = false
                     openChatFragment(chat.id)
-                }}>對話</mdui-list-item>
+                }}>打开此对话</mdui-list-item>
             </mdui-list>
         </mdui-dialog>
     )