feat: implement admin dashboard layout and update authentication flow

This commit is contained in:
Ardeman 2025-02-23 10:22:51 +08:00
parent 8b1af335ec
commit 23ac20c017
4 changed files with 38 additions and 10 deletions

View File

@ -0,0 +1,14 @@
import type { PropsWithChildren } from 'react'
export const AdminDashboardLayout = (properties: PropsWithChildren) => {
const { children } = properties
return (
<div className="grid">
<div>Navbar</div>
<div className="flex">
<div>Sidebar</div>
<div>{children}</div>
</div>
</div>
)
}

View File

@ -12,11 +12,13 @@ const AuthLayout = () => {
<div className="flex min-h-dvh min-w-dvw flex-col items-center justify-center space-y-8">
<div className="grid max-w-lg items-center justify-center space-y-7 rounded-[20px] border border-[#E6E6E6] bg-white p-8">
<div className="flex flex-col items-center">
<img
src={APP.logo}
alt={APP.title}
className="h-[80px]"
/>
<Link to="/admin/dashboard">
<img
src={APP.logo}
alt={APP.title}
className="h-[80px]"
/>
</Link>
</div>
<p className="text-center">
Selamat Datang, silakan masukkan akun Anda untuk melanjutkan!

View File

@ -0,0 +1,10 @@
const DashboardIndexLayout = () => {
return (
<div className="relative">
<div className="flex min-h-screen items-center justify-center bg-gray-100">
Dashboard Page
</div>
</div>
)
}
export default DashboardIndexLayout

View File

@ -1,10 +1,12 @@
import { Outlet } from 'react-router'
import { AdminDashboardLayout } from '~/layouts/admin/dashboard'
const DashboardLayout = () => {
return (
<div className="relative">
<div className="flex min-h-screen items-center justify-center bg-gray-100">
Login form
</div>
</div>
<AdminDashboardLayout>
<Outlet />
</AdminDashboardLayout>
)
}
export default DashboardLayout