From a88c5f0d62651c0fd99dba667ede755dc30abdd6 Mon Sep 17 00:00:00 2001
From: zyh <zyh320888@vip.qq.com>
Date: Tue, 22 Oct 2024 03:21:38 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E5=92=8C=E6=B3=A8=E5=86=8C=E5=AF=B9=E8=AF=9D=E6=A1=86=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/auth/LoginDialog.tsx    | 21 +++++++++------------
 app/components/auth/RegisterDialog.tsx | 21 +++++++++------------
 2 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/app/components/auth/LoginDialog.tsx b/app/components/auth/LoginDialog.tsx
index ccd8f66..abb5731 100644
--- a/app/components/auth/LoginDialog.tsx
+++ b/app/components/auth/LoginDialog.tsx
@@ -1,5 +1,4 @@
-import { useState } from 'react';
-import { Dialog, DialogTitle, DialogDescription } from '~/components/ui/Dialog';
+import { Dialog, DialogTitle, DialogDescription, DialogRoot } from '~/components/ui/Dialog';
 import { Login } from '~/components/auth/Login';
 
 interface LoginDialogProps {
@@ -9,15 +8,13 @@ interface LoginDialogProps {
 
 export function LoginDialog({ isOpen, onClose }: LoginDialogProps) {
   return (
-    <Dialog onClose={onClose}>
-      {isOpen && (
-        <>
-          <DialogTitle>登录</DialogTitle>
-          <DialogDescription>
-            <Login />
-          </DialogDescription>
-        </>
-      )}
-    </Dialog>
+    <DialogRoot open={isOpen}>
+      <Dialog onBackdrop={onClose} onClose={onClose}>
+        <DialogTitle>登录</DialogTitle>
+        <DialogDescription>
+          <Login />
+        </DialogDescription>
+      </Dialog>
+    </DialogRoot>
   );
 }
diff --git a/app/components/auth/RegisterDialog.tsx b/app/components/auth/RegisterDialog.tsx
index bdae2f4..c1e7f4d 100644
--- a/app/components/auth/RegisterDialog.tsx
+++ b/app/components/auth/RegisterDialog.tsx
@@ -1,5 +1,4 @@
-import { useState } from 'react';
-import { Dialog, DialogTitle, DialogDescription } from '~/components/ui/Dialog';
+import { Dialog, DialogTitle, DialogDescription, DialogRoot } from '~/components/ui/Dialog';
 import { Register } from '~/components/auth/Register';
 
 interface RegisterDialogProps {
@@ -9,15 +8,13 @@ interface RegisterDialogProps {
 
 export function RegisterDialog({ isOpen, onClose }: RegisterDialogProps) {
   return (
-    <Dialog onClose={onClose}>
-      {isOpen && (
-        <>
-          <DialogTitle>注册</DialogTitle>
-          <DialogDescription>
-            <Register />
-          </DialogDescription>
-        </>
-      )}
-    </Dialog>
+    <DialogRoot open={isOpen}>
+      <Dialog onBackdrop={onClose} onClose={onClose}>
+        <DialogTitle>注册</DialogTitle>
+        <DialogDescription>
+          <Register />
+        </DialogDescription>
+      </Dialog>
+    </DialogRoot>
   );
 }