27 lines
1.0 KiB
TypeScript
27 lines
1.0 KiB
TypeScript
|
/**
|
||
|
|
* Root layout for the Payload admin panel.
|
||
|
|
*
|
||
|
|
* This is a SECOND root layout: it renders its own <html>/<body>, as does
|
||
|
|
* app/(frontend)/layout.tsx. Next permits that only while no app/layout.tsx
|
||
|
|
* exists — which is why the site's routes were moved into (frontend). Adding
|
||
|
|
* an app/layout.tsx would nest the admin panel inside the site's nav, footer
|
||
|
|
* and providers and emit nested <html>.
|
||
|
|
*/
|
||
|
|
import type { ServerFunctionClient } from 'payload';
|
||
|
|
import config from '@payload-config';
|
||
|
|
import { RootLayout, handleServerFunctions } from '@payloadcms/next/layouts';
|
||
|
|
import { importMap } from './admin/importMap.js';
|
||
|
|
import '@payloadcms/next/css';
|
||
|
|
|
||
|
|
const serverFunction: ServerFunctionClient = async function (args) {
|
||
|
|
'use server';
|
||
|
|
return handleServerFunctions({ ...args, config, importMap });
|
||
|
|
};
|
||
|
|
|
||
|
|
export default function PayloadLayout({ children }: { children: React.ReactNode }) {
|
||
|
|
return (
|
||
|
|
<RootLayout config={config} importMap={importMap} serverFunction={serverFunction}>
|
||
|
|
{children}
|
||
|
|
</RootLayout>
|
||
|
|
);
|
||
|
|
}
|