From d7d8351dc990e435e95b5999749ac46c57848b38 Mon Sep 17 00:00:00 2001
From: CrescentLeaf <crescentleaf@noreply.codeberg.org>
Date: Tue, 30 Sep 2025 21:35:58 +0800
Subject: [PATCH] =?UTF-8?q?ui:=20=E6=B7=BB=E5=8A=A0=E7=B4=B0=E7=AF=80:=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=81=AF=E7=B5=A1=E4=BA=BA=E5=8F=AF=E7=9B=B4?=
 =?UTF-8?q?=E6=8E=A5=E5=9B=9E=E8=BB=8A,=20=E5=8F=AF=E7=9B=B4=E6=8E=A5?=
 =?UTF-8?q?=E9=BB=9E=E6=93=8A=E6=B8=85=E7=A9=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/ui/dialog/AddContactDialog.tsx | 39 ++++++++++++++++-----------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/client/ui/dialog/AddContactDialog.tsx b/client/ui/dialog/AddContactDialog.tsx
index 2bae838..d75725e 100644
--- a/client/ui/dialog/AddContactDialog.tsx
+++ b/client/ui/dialog/AddContactDialog.tsx
@@ -16,26 +16,33 @@ export default function AddContactDialog({
     addContactDialogRef,
 }: Refs) {
     const inputUserAccountRef = React.useRef<TextField>(null)
+
+    async function addContact() {
+        const re = await Client.invoke("User.addContact", {
+            account: inputUserAccountRef.current!.value,
+            token: data.access_token,
+        })
+
+        if (checkApiSuccessOrSncakbar(re, "添加失敗")) return
+        snackbar({
+            message: "添加成功!",
+            placement: "top",
+        })
+        EventBus.emit('ContactsList.updateContacts')
+
+        inputUserAccountRef.current!.value = ''
+        addContactDialogRef.current!.open = false
+    }
+
     return (
         <mdui-dialog close-on-overlay-click close-on-esc headline="添加對話" ref={addContactDialogRef}>
             現階段只支持添加用戶, 對話敬請期待...
-            <mdui-text-field style={{ marginTop: "10px", }} label="對方的 用戶 ID / 用戶名" ref={inputUserAccountRef as any}></mdui-text-field>
+            <mdui-text-field style={{ marginTop: "10px", }} clearable label="對方的 用戶 ID / 用戶名" ref={inputUserAccountRef as any} onKeyDown={(event) => {
+                if (event.key == 'Enter')
+                    addContact()
+            }}></mdui-text-field>
             <mdui-button slot="action" variant="text" onClick={() => addContactDialogRef.current!.open = false}>取消</mdui-button>
-            <mdui-button slot="action" variant="text" onClick={async () => {
-                const re = await Client.invoke("User.addContact", {
-                    account: inputUserAccountRef.current!.value,
-                    token: data.access_token,
-                })
-        
-                if (checkApiSuccessOrSncakbar(re, "添加失敗")) return
-                snackbar({
-                    message: "添加成功!",
-                    placement: "top",
-                })
-                EventBus.emit('ContactsList.updateContacts')
-                
-                addContactDialogRef.current!.open = false
-            }}>添加</mdui-button>
+            <mdui-button slot="action" variant="text" onClick={() => addContact()}>添加</mdui-button>
         </mdui-dialog>
     )
 }
\ No newline at end of file