Dashboard Topbar Layout

import { DashboardTopNav } from "@/components/layouts/dashboard/dashboard-top-nav";
import { redirect } from "next/navigation";
import { appConfig } from "@/lib/app-config";
import { getCurrentUser } from "@/lib/session";
 
export default async function DashboardLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  const currentUser = await getCurrentUser();
  if (!currentUser) {
    redirect(appConfig.auth.login);
  }
  return (
    <div className="container mx-auto">
      <DashboardTopNav />
      <div className="flex flex-1 flex-col gap-4 pt-12 pb-4">{children}</div>
    </div>
  );
}

import { ModeToggle } from "@/components/shared/mode-toggle";
import { TopNavUser } from "@/components/layouts/dashboard/top-nav-user";
import Logo from "@/components/ui/custom/logo";
 
export function DashboardTopNav() {
  return (
    <header className="sticky top-0 flex h-16 shrink-0 items-center justify-between transition-all duration-300 z-50 bg-background/60 backdrop-blur-sm">
      <div className="flex items-center">
        <Logo />
      </div>
      <div className="flex items-center gap-4">
        <ModeToggle />
        <TopNavUser />
      </div>
    </header>
  );
}

import { EmptyPlaceholder } from "@/components/ui/custom/empty-placeholder";
import { Button } from "@/components/ui/button";
import { ClipboardPlusIcon } from "lucide-react";
 
export default function DashboardPage() {
  return (
    <>
      <EmptyPlaceholder style={{ minHeight: "80vh" }}>
        <EmptyPlaceholder.Icon icon={ClipboardPlusIcon} />
        <EmptyPlaceholder.Title>No content created</EmptyPlaceholder.Title>
        <EmptyPlaceholder.Description>
          You don&apos;t have any content yet. Start creating content.
        </EmptyPlaceholder.Description>
        <Button>Add Content</Button>
      </EmptyPlaceholder>
    </>
  );
}

import { SettingsNav } from "@/components/settings/settings-nav";
 
export default function SettingsLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="space-y-6">
      <div className="flex flex-col space-y-8 lg:flex-row lg:space-x-12 lg:space-y-0">
        <aside className="w-48">
          <SettingsNav />
        </aside>
        <div className="flex-1">{children}</div>
      </div>
    </div>
  );
}