diff options
| author | Bertrand Yuan <bert.yuan@outlook.com> | 2025-12-16 00:12:49 +0800 |
|---|---|---|
| committer | Bertrand Yuan <bert.yuan@outlook.com> | 2025-12-16 00:12:49 +0800 |
| commit | 02ae938c238c9d18448d17a8ec92c0edd8c17463 (patch) | |
| tree | dcd6a30505adb52522b20af2c0ac27f713403f10 /src/app/(main)/layout.client.tsx | |
| parent | 48b07bc308a35734a6a7a305c8fdccbfa47de7d8 (diff) | |
feat(back-end): introduce payload
Payload is the next.js Headless CMS and App Framework,
I would like to pick it up and modify it as it is MIT licensed.
Many features in Payload is not applicable for our project.
So, I modify it so that it is light and clear.
Diffstat (limited to 'src/app/(main)/layout.client.tsx')
| -rw-r--r-- | src/app/(main)/layout.client.tsx | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/app/(main)/layout.client.tsx b/src/app/(main)/layout.client.tsx new file mode 100644 index 0000000..35726ba --- /dev/null +++ b/src/app/(main)/layout.client.tsx @@ -0,0 +1,26 @@ +'use client'; + +import { cn } from '@/lib/utils'; +import { useParams } from 'next/navigation'; +import type { ReactNode } from 'react'; + +export function Body({ + children, +}: { + children: ReactNode; +}): React.ReactElement { + const mode = useMode(); + + return ( + <body + className={cn(mode, 'relative flex min-h-svh flex-col overflow-x-hidden')} + > + {children} + </body> + ); +} + +export function useMode(): string | undefined { + const { slug } = useParams(); + return Array.isArray(slug) && slug.length > 0 ? slug[0] : undefined; +} |