- Create CreatePlanModal component with Headless UI Dialog - Implement dark mode support throughout plans UI - Update plans/page.tsx with professional card layout - Update plans/[id]/page.tsx with consistent styling - Add proper spacing, typography, and color consistency - Implement smooth animations and transitions - Add success/error message feedback - Improve form UX with better input styling
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import { DashboardLayout } from '@/components/layout/DashboardLayout';
|
|
import {
|
|
HomeIcon,
|
|
BuildingOfficeIcon,
|
|
LinkIcon,
|
|
DocumentTextIcon,
|
|
Cog6ToothIcon,
|
|
SparklesIcon,
|
|
} from '@heroicons/react/24/outline';
|
|
|
|
const SUPERADMIN_MENU_ITEMS = [
|
|
{ id: 'dashboard', label: 'Dashboard', href: '/superadmin', icon: HomeIcon },
|
|
{ id: 'agencies', label: 'Agências', href: '/superadmin/agencies', icon: BuildingOfficeIcon },
|
|
{ id: 'plans', label: 'Planos', href: '/superadmin/plans', icon: SparklesIcon },
|
|
{ id: 'templates', label: 'Templates', href: '/superadmin/signup-templates', icon: LinkIcon },
|
|
{ id: 'agency-templates', label: 'Templates Agência', href: '/superadmin/agency-templates', icon: DocumentTextIcon },
|
|
{ id: 'settings', label: 'Configurações', href: '/superadmin/settings', icon: Cog6ToothIcon },
|
|
];
|
|
|
|
import AuthGuard from '@/components/auth/AuthGuard';
|
|
|
|
export default function SuperAdminLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<AuthGuard>
|
|
<DashboardLayout menuItems={SUPERADMIN_MENU_ITEMS}>
|
|
{children}
|
|
</DashboardLayout>
|
|
</AuthGuard>
|
|
);
|
|
}
|