gbanyan
fe28262ef4
- Replace Pagefind UI with cmdk + Pagefind low-level API - Quick actions when empty: nav (home, blog, tags) + recent posts - Debounced full-text search with keyboard navigation - Pass recent posts from layout to SearchModal - Extract cn utility to lib/utils.ts - Remove Pagefind UI styles, add Radix overlay styling - Align blog search bar styling with launcher Co-authored-by: Cursor <cursoragent@cursor.com>
29 lines
776 B
TypeScript
29 lines
776 B
TypeScript
'use client';
|
|
|
|
import { SiteHeader } from './site-header';
|
|
import { SiteFooter } from './site-footer';
|
|
import dynamic from 'next/dynamic';
|
|
|
|
// Lazy load BackToTop since it's not critical for initial render
|
|
const BackToTop = dynamic(() => import('./back-to-top').then(mod => ({ default: mod.BackToTop })), {
|
|
ssr: false,
|
|
});
|
|
|
|
interface LayoutShellProps {
|
|
children: React.ReactNode;
|
|
recentPosts?: { title: string; url: string }[];
|
|
}
|
|
|
|
export function LayoutShell({ children, recentPosts = [] }: LayoutShellProps) {
|
|
return (
|
|
<div className="flex min-h-screen flex-col">
|
|
<SiteHeader recentPosts={recentPosts} />
|
|
<main className="flex-1 container mx-auto px-4 py-6">
|
|
{children}
|
|
</main>
|
|
<SiteFooter />
|
|
<BackToTop />
|
|
</div>
|
|
);
|
|
}
|