- Extract navbar into separate client component (navbar.tsx) with useSession hook - When authenticated: show "Go to App" button linking to /app - When unauthenticated: show "Log in" and "Get Started" buttons - Add SessionProvider to public layout to enable auth hooks - Create session-provider wrapper component to separate concerns (metadata exports still work) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
19 lines
422 B
TypeScript
19 lines
422 B
TypeScript
import type { Metadata } from "next";
|
|
import { SessionProviderClient } from "./session-provider";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Candle Annotator",
|
|
description: "Annotate candlestick charts for ML training",
|
|
};
|
|
|
|
export default function PublicLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<SessionProviderClient>
|
|
{children}
|
|
</SessionProviderClient>
|
|
);
|
|
}
|