Files
MOPC-Portal/src/app/layout.tsx

62 lines
1.7 KiB
TypeScript
Raw Normal View History

import type { Metadata } from 'next'
import Script from "next/script";
import './globals.css'
import { Providers } from './providers'
import { Toaster } from 'sonner'
import { ImpersonationBanner } from '@/components/shared/impersonation-banner'
import { VersionGuard } from '@/components/shared/version-guard'
export const metadata: Metadata = {
title: {
default: 'MOPC Platform',
template: '%s | MOPC',
},
description: 'Monaco Ocean Protection Challenge - Jury Voting Platform',
icons: {
icon: '/images/MOPC-blue-small.png',
},
}
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode
}>) {
return (
<html lang="en" suppressHydrationWarning>
<head>
{process.env.NODE_ENV === "development" && (
<Script
src="//unpkg.com/react-grab/dist/index.global.js"
crossOrigin="anonymous"
strategy="beforeInteractive"
/>
)}
{process.env.NODE_ENV === "development" && (
<Script
src="//unpkg.com/@react-grab/mcp/dist/client.global.js"
strategy="lazyOnload"
/>
)}
</head>
<body className="min-h-screen bg-background font-sans antialiased">
<Providers>
<VersionGuard />
<ImpersonationBanner />
{children}
</Providers>
<Toaster
position="top-right"
toastOptions={{
style: {
background: 'hsl(var(--background))',
color: 'hsl(var(--foreground))',
border: '1px solid hsl(var(--border))',
},
}}
/>
</body>
</html>
)
}