- Remove userRole prop, read user directly from auth store - Add user info section (avatar, name, email) when logged in - Add Masuk/Daftar buttons at bottom when unauthenticated - Add Keluar button with loading state when authenticated - Add tagline under logo in sidebar header - Add backdrop blur effect for better visual depth - Use flex-col layout for consistent spacing at any height
18 lines
436 B
TypeScript
18 lines
436 B
TypeScript
import { ReactNode } from "react";
|
|
import { Navbar } from "./navbar";
|
|
import { Footer } from "./footer";
|
|
|
|
type Props = { children: ReactNode };
|
|
|
|
export function MainLayout({ children }: Props) {
|
|
return (
|
|
<div className="min-h-screen flex flex-col bg-[#ECF4E8]">
|
|
<Navbar />
|
|
<main className="mx-auto w-full max-w-6xl flex-1 px-4 sm:px-6 py-6 sm:py-8">
|
|
{children}
|
|
</main>
|
|
<Footer />
|
|
</div>
|
|
);
|
|
}
|