diff options
| author | Bertrand Yuan <bert.yuan@outlook.com> | 2025-12-16 00:25:04 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-12-16 00:25:04 +0800 |
| commit | 39c83fbb69ef06d2d56790d75abc254ba7e34394 (patch) | |
| tree | dd006593448c3500bdcb414af3b4656f7a7683d4 /src/app/(main)/layout.client.tsx | |
| parent | 48b07bc308a35734a6a7a305c8fdccbfa47de7d8 (diff) | |
| parent | 785371bb3eccca455e5ce5fccbe9b6e3752a03f6 (diff) | |
Merge pull request #1 from bertyuan/feat-introduce-payloadv1.0
Feat: introduce payload
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; +} |