feat: create AuthLayout component and refactor modal usage in forms

This commit is contained in:
Ardeman
2025-02-22 17:14:33 +08:00
parent 0d6f2e300f
commit d9c36c5ff0
11 changed files with 80 additions and 131 deletions
-23
View File
@@ -1,23 +0,0 @@
import { useState } from 'react'
import PopupModal from '~/components/popup/modal'
import FormLogin from '~/components/ui/form-login'
const AuthLayout = () => {
const [isModalOpen, setModalOpen] = useState(true)
return (
<div className="relative">
<div className="flex min-h-screen items-center justify-center bg-gray-100">
{/* Modal */}
<PopupModal
isOpen={isModalOpen}
onClose={() => setModalOpen(true)}
>
<FormLogin />
</PopupModal>
</div>
</div>
)
}
export default AuthLayout
+10
View File
@@ -0,0 +1,10 @@
const AuthLayout = () => {
return (
<div className="relative">
<div className="flex min-h-screen items-center justify-center bg-gray-100">
Login
</div>
</div>
)
}
export default AuthLayout