c3fa04dde8
Three bugs caught via devtools on live site:
**1. CSP 'font-src 'self' data:' violation × 3 per landing load.**
BaseLayout was loading Geist + Geist_Mono via next/font/google. In
prod builds Next.js self-hosts those under /_next/static, but the
generated CSS still references `--font-sans: "Geist", …` which some
browsers resolve by re-requesting fonts.gstatic.com. Since we ship
Anthropic Sans/Serif/Mono self-hosted already (/fonts/*.woff2 via
@font-face in globals.css), the Geist dependency was pure overhead.
Removed `next/font/google` imports entirely. Added a `.cm-root`
class on <html> that remaps the Tailwind `--font-sans/--font-mono`
tokens to our `--cm-font-sans/--cm-font-mono` vars — so every
Tailwind `font-sans` / `font-mono` utility now resolves to Anthropic
families. No Google Fonts fetch, no CSP violation.
**2. /pricing 401 on public visit.**
`<Plan>` calls `useCustomer()` → `GET /api/billing/customer` which
needs auth. Unauthed visitor on /pricing → 401 in devtools + wasted
round trip. Gated `useCustomer` on `authClient.useSession()` —
query `enabled: !!session?.user`. Public visitors now skip the fetch
entirely; signed-in users still get their customer record.
**3. Residual "Welcome back! 👋" on /auth/login (both locales).**
Emoji sweep (e91fc80) missed the i18n translation files. Removed 👋
from en/auth.json + es/auth.json login header titles.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
23 lines
588 B
TypeScript
23 lines
588 B
TypeScript
import { cn } from "@turbostarter/ui";
|
|
|
|
import { appConfig } from "~/config/app";
|
|
|
|
interface BaseLayoutProps {
|
|
readonly locale: string;
|
|
readonly children: React.ReactNode;
|
|
}
|
|
|
|
export const BaseLayout = ({ children, locale }: BaseLayoutProps) => {
|
|
return (
|
|
<html lang={locale} className={cn("cm-root")}>
|
|
<body
|
|
suppressHydrationWarning
|
|
className="bg-background text-foreground flex min-h-screen flex-col items-center justify-center font-sans antialiased"
|
|
data-theme={appConfig.theme.color}
|
|
>
|
|
{children}
|
|
</body>
|
|
</html>
|
|
);
|
|
};
|