- Introduced `rebuild.sh` script for streamlined application rebuild and server management in both production and development modes. - Created `REBUILD.md` documentation for quick start instructions and detailed steps for rebuilding the application. - Added `HelpModal` component to provide users with in-app guidance on how to play the MirrorMatch game, including features, tips, and keyboard shortcuts. - Updated `layout.tsx` to include the `HelpModal` for user accessibility. - Adjusted authentication handling in `auth.ts` to ensure proper cookie management based on environment settings.
42 lines
1001 B
TypeScript
42 lines
1001 B
TypeScript
import type { Metadata } from "next";
|
|
import { Geist, Geist_Mono } from "next/font/google";
|
|
import "./globals.css";
|
|
import Providers from "@/components/Providers";
|
|
import Navigation from "@/components/Navigation";
|
|
import HelpModal from "@/components/HelpModal";
|
|
|
|
const geistSans = Geist({
|
|
variable: "--font-geist-sans",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
const geistMono = Geist_Mono({
|
|
variable: "--font-geist-mono",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "MirrorMatch",
|
|
description: "A photo guessing game",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en">
|
|
<body
|
|
className={`${geistSans.variable} ${geistMono.variable} antialiased overflow-x-hidden`}
|
|
>
|
|
<Providers>
|
|
<Navigation />
|
|
<main className="min-h-screen bg-gray-50 overflow-x-hidden">{children}</main>
|
|
<HelpModal />
|
|
</Providers>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|