From 80a42d5d866970c962b36a9caaa331cea43350fc Mon Sep 17 00:00:00 2001
From: CrescentLeaf <crescentleaf@noreply.codeberg.org>
Date: Thu, 25 Sep 2025 13:02:02 +0800
Subject: [PATCH] =?UTF-8?q?feat(wip):=20=E6=B7=BB=E5=8A=A0=E5=B0=8D?=
 =?UTF-8?q?=E8=A9=B1=20=E5=B0=8D=E8=A9=B1=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/ui/dialog/AddContactDialog.tsx | 48 +++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 client/ui/dialog/AddContactDialog.tsx

diff --git a/client/ui/dialog/AddContactDialog.tsx b/client/ui/dialog/AddContactDialog.tsx
new file mode 100644
index 0000000..9b37a7e
--- /dev/null
+++ b/client/ui/dialog/AddContactDialog.tsx
@@ -0,0 +1,48 @@
+import * as React from 'react'
+import { Button, Dialog, TextField } from "mdui"
+import useEventListener from "../useEventListener.ts"
+import { checkApiSuccessOrSncakbar } from "../snackbar.ts"
+import Client from "../../api/Client.ts"
+
+import * as CryptoJS from 'crypto-js'
+import data from "../../Data.ts"
+
+interface Refs {
+    addContactDialogRef: React.MutableRefObject<Dialog | null>
+}
+
+export default function AddContactDialog({
+    addContactDialogRef,
+}: Refs) {
+    const loginButtonRef = React.useRef<Button>(null)
+    const registerButtonRef = React.useRef<Button>(null)
+    useEventListener(registerButtonRef, 'click', () => registerDialogRef.current!.open = true)
+    useEventListener(loginButtonRef, 'click', async () => {
+        const account = loginInputAccountRef.current!.value
+        const password = loginInputPasswordRef.current!.value
+
+        const re = await Client.invoke("User.login", {
+            account: account,
+            password: CryptoJS.SHA256(password).toString(CryptoJS.enc.Hex),
+        })
+
+        if (checkApiSuccessOrSncakbar(re, "登錄失敗")) return
+
+        data.access_token = re.data!.access_token as string
+        data.apply()
+        location.reload()
+    })
+    return (
+        <mdui-dialog headline="添加對話" ref={addContactDialogRef}>
+
+            <mdui-text-field label="用戶 ID / 用戶名" ref={loginInputAccountRef as any}></mdui-text-field>
+            <div style={{
+                height: "10px",
+            }}></div>
+            <mdui-text-field label="密碼" type="password" toggle-password ref={loginInputPasswordRef as any}></mdui-text-field>
+
+            <mdui-button slot="action" variant="text" onClick={() => addContactDialogRef.current!.open = false}>取消</mdui-button>
+            <mdui-button slot="action" variant="text">添加</mdui-button>
+        </mdui-dialog>
+    )
+}
\ No newline at end of file