Some checks failed
Deploy to Production / Build and Deploy (push) Has been cancelled
- Fix React bug #33580: remove Suspense boundaries co-located with Link components - Delete settings/loading.tsx and admin/loading.tsx (root cause of race condition) - Convert all admin navigation from Next.js Link to anchor tags - Move admin pages to dedicated (admin) route group - Add AdminHeader matching main header visual design - Add AdminSidebar with anchor-based navigation - Add /api/admin/models route handler (replaces server actions for GET) - Add /api/debug/client-error for server-side browser error reporting - Add useNoteRefreshOptional() to fix crash in AdminHeader - Hide Admin Dashboard menu for non-admin users - Change app icons from yellow to blue (#3A7CA5) matching brand primary - Fix admin search bar width to match main header Made-with: Cursor
89 lines
2.5 KiB
TypeScript
89 lines
2.5 KiB
TypeScript
import type { Metadata, Viewport } from "next";
|
|
import { Inter } from "next/font/google";
|
|
import "./globals.css";
|
|
import { Toaster } from "@/components/ui/toast";
|
|
import { SessionProviderWrapper } from "@/components/session-provider-wrapper";
|
|
import { getAISettings } from "@/app/actions/ai-settings";
|
|
import { getUserSettings } from "@/app/actions/user-settings";
|
|
import { ThemeInitializer } from "@/components/theme-initializer";
|
|
import { DirectionInitializer } from "@/components/direction-initializer";
|
|
import { ErrorReporter } from "@/components/error-reporter";
|
|
import { auth } from "@/auth";
|
|
|
|
const inter = Inter({
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Memento - Your Digital Notepad",
|
|
description: "A beautiful note-taking app built with Next.js 16",
|
|
manifest: "/manifest.json",
|
|
icons: {
|
|
icon: "/icons/icon-512.svg",
|
|
apple: "/icons/icon-512.svg",
|
|
},
|
|
appleWebApp: {
|
|
capable: true,
|
|
statusBarStyle: "default",
|
|
title: "Memento",
|
|
},
|
|
};
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: "#3A7CA5",
|
|
};
|
|
|
|
function getHtmlClass(theme?: string): string {
|
|
if (theme === 'dark') return 'dark';
|
|
if (theme === 'midnight') return 'dark';
|
|
return '';
|
|
}
|
|
|
|
/**
|
|
* Inline script that runs BEFORE React hydrates.
|
|
* Reads the user's saved language from localStorage and sets
|
|
* `dir` on <html> immediately — prevents RTL/LTR flash.
|
|
*/
|
|
const directionScript = `
|
|
(function(){
|
|
try {
|
|
var lang = localStorage.getItem('user-language');
|
|
if (lang === 'fa' || lang === 'ar') {
|
|
document.documentElement.dir = 'rtl';
|
|
document.documentElement.lang = lang;
|
|
}
|
|
} catch(e) {}
|
|
})();
|
|
`;
|
|
|
|
export default async function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
const session = await auth();
|
|
const userId = session?.user?.id;
|
|
|
|
const [aiSettings, userSettings] = await Promise.all([
|
|
getAISettings(userId),
|
|
getUserSettings(userId),
|
|
])
|
|
|
|
return (
|
|
<html suppressHydrationWarning className={getHtmlClass(userSettings.theme)}>
|
|
<head>
|
|
<script dangerouslySetInnerHTML={{ __html: `if('serviceWorker' in navigator){navigator.serviceWorker.getRegistrations().then(function(rs){rs.forEach(function(r){r.unregister()})})}` }} />
|
|
</head>
|
|
<body className={inter.className}>
|
|
<SessionProviderWrapper>
|
|
<ErrorReporter />
|
|
<DirectionInitializer />
|
|
<ThemeInitializer theme={userSettings.theme} fontSize={aiSettings.fontSize} />
|
|
{children}
|
|
<Toaster />
|
|
</SessionProviderWrapper>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|