feat: 更新登录和注册对话框组件

This commit is contained in:
zyh 2024-10-22 03:21:38 +00:00
parent b2b4df1480
commit a88c5f0d62
2 changed files with 18 additions and 24 deletions

View File

@ -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>
);
}

View File

@ -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>
);
}