forked from 77media/video-flow
42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import './globals.css';
|
|
import type { Metadata } from 'next';
|
|
import { Inter } from 'next/font/google';
|
|
import { ThemeProvider } from '@/components/theme-provider';
|
|
import { Toaster } from '@/components/ui/sonner';
|
|
import dynamic from 'next/dynamic';
|
|
|
|
const inter = Inter({ subsets: ['latin'] });
|
|
|
|
// Import the OAuthCallbackHandler dynamically to ensure it only runs on the client
|
|
const OAuthCallbackHandler = dynamic(
|
|
() => import('@/components/ui/oauth-callback-handler').then(mod => mod.OAuthCallbackHandler),
|
|
{ ssr: false }
|
|
);
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'AI Movie Flow - Create Amazing Videos with AI',
|
|
description: 'Professional AI-powered video creation platform with advanced editing tools',
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<body className={inter.className}>
|
|
<ThemeProvider
|
|
attribute="class"
|
|
defaultTheme="dark"
|
|
enableSystem
|
|
disableTransitionOnChange
|
|
>
|
|
{children}
|
|
<Toaster />
|
|
<OAuthCallbackHandler />
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
} |