d8a12343c8
- Updated spacing from `space-y-10` to `space-y-8` in layout components for Billing, Credits, Notifications, Profile, and Security to ensure uniformity across the settings pages.
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
import { DashboardHeader } from '@/components/dashboard/dashboard-header';
|
|
import { getTranslations } from 'next-intl/server';
|
|
|
|
interface ProfileLayoutProps {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export default async function ProfileLayout({ children }: ProfileLayoutProps) {
|
|
const t = await getTranslations('Dashboard.settings');
|
|
|
|
const breadcrumbs = [
|
|
{
|
|
label: t('title'),
|
|
isCurrentPage: false,
|
|
},
|
|
{
|
|
label: t('profile.title'),
|
|
isCurrentPage: true,
|
|
},
|
|
];
|
|
|
|
return (
|
|
<>
|
|
<DashboardHeader breadcrumbs={breadcrumbs} />
|
|
|
|
<div className="flex flex-1 flex-col">
|
|
<div className="@container/main flex flex-1 flex-col gap-2">
|
|
<div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
|
|
<div className="px-4 lg:px-6 space-y-8">
|
|
<div>
|
|
<h1 className="text-3xl font-bold tracking-tight">
|
|
{t('profile.title')}
|
|
</h1>
|
|
<p className="text-muted-foreground mt-2">
|
|
{t('profile.description')}
|
|
</p>
|
|
</div>
|
|
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|