2023-09-09 20:05:10 -05:00
|
|
|
import Navbar from '@/components/Navbar';
|
2023-09-09 21:39:08 -05:00
|
|
|
import { ConvexProvider, NextThemesProvider } from '@/providers';
|
2023-09-10 20:38:29 -05:00
|
|
|
import { ClerkProvider } from '@clerk/nextjs';
|
2023-09-09 17:11:02 -05:00
|
|
|
import type { Metadata } from 'next';
|
|
|
|
|
import { Inter } from 'next/font/google';
|
|
|
|
|
import './globals.css';
|
2023-09-09 17:02:12 -05:00
|
|
|
|
2023-09-09 17:11:02 -05:00
|
|
|
const inter = Inter({ subsets: ['latin'] });
|
2023-09-09 17:02:12 -05:00
|
|
|
|
|
|
|
|
export const metadata: Metadata = {
|
2023-09-09 17:11:02 -05:00
|
|
|
title: 'conveX',
|
|
|
|
|
};
|
2023-09-09 17:02:12 -05:00
|
|
|
|
|
|
|
|
export default function RootLayout({
|
|
|
|
|
children,
|
|
|
|
|
}: {
|
2023-09-09 17:11:02 -05:00
|
|
|
children: React.ReactNode;
|
2023-09-09 17:02:12 -05:00
|
|
|
}) {
|
|
|
|
|
return (
|
2023-09-09 21:39:08 -05:00
|
|
|
<html
|
|
|
|
|
lang='en'
|
|
|
|
|
className='w-full h-full'
|
|
|
|
|
suppressHydrationWarning
|
2023-09-09 20:05:10 -05:00
|
|
|
>
|
2023-09-09 21:39:08 -05:00
|
|
|
<body
|
|
|
|
|
className={`w-full h-full flex flex-col bg-white text-primary-gray dark:bg-primary-gray dark:text-white ${inter.className}`}
|
|
|
|
|
>
|
|
|
|
|
<ClerkProvider
|
|
|
|
|
publishableKey={process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY}
|
2023-09-09 20:05:10 -05:00
|
|
|
>
|
2023-09-09 21:39:08 -05:00
|
|
|
<ConvexProvider>
|
|
|
|
|
<NextThemesProvider>
|
|
|
|
|
<Navbar />
|
2023-09-09 23:53:20 -05:00
|
|
|
<div className='p-4 w-full h-full flex flex-col'>{children}</div>
|
2023-09-09 21:39:08 -05:00
|
|
|
</NextThemesProvider>
|
|
|
|
|
</ConvexProvider>
|
|
|
|
|
</ClerkProvider>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
2023-09-09 17:11:02 -05:00
|
|
|
);
|
2023-09-09 17:02:12 -05:00
|
|
|
}
|
