mirror of
https://github.com/vercel/commerce.git
synced 2025-04-28 13:57:50 +00:00
53 lines
1.4 KiB
TypeScript
53 lines
1.4 KiB
TypeScript
import { CartProvider } from 'components/cart/cart-context'
|
|
import { Navbar } from 'components/layout/navbar'
|
|
import NavbarV2 from 'components/layout/navbar/NavbarV2'
|
|
import { WelcomeToast } from 'components/welcome-toast'
|
|
import { GeistSans } from 'geist/font/sans'
|
|
import { getCart } from 'lib/shopify'
|
|
import { ReactNode } from 'react'
|
|
import { Toaster } from 'sonner'
|
|
import './globals.css'
|
|
import '@/assets/main.css'
|
|
import '../components/layout/navbar/Navbar.css'
|
|
import '../components/pages/PageHeroGrid.scss'
|
|
import { baseUrl } from 'lib/utils'
|
|
|
|
const { SITE_NAME } = process.env
|
|
|
|
export const metadata = {
|
|
metadataBase: new URL(baseUrl),
|
|
title: {
|
|
default: SITE_NAME!,
|
|
template: `%s | ${SITE_NAME}`,
|
|
},
|
|
robots: {
|
|
follow: true,
|
|
index: true,
|
|
},
|
|
}
|
|
|
|
export default async function RootLayout({
|
|
children,
|
|
}: {
|
|
children: ReactNode
|
|
}) {
|
|
// Don't await the fetch, pass the Promise to the context provider
|
|
const cart = getCart()
|
|
|
|
return (
|
|
<html lang="en" className={GeistSans.variable}>
|
|
<body className="bg-neutral-50 text-black selection:bg-teal-300 dark:bg-neutral-900 dark:text-white dark:selection:bg-pink-500 dark:selection:text-white">
|
|
<CartProvider cartPromise={cart}>
|
|
{/* <Navbar /> */}
|
|
<NavbarV2 />
|
|
<main>
|
|
{children}
|
|
<Toaster closeButton />
|
|
<WelcomeToast />
|
|
</main>
|
|
</CartProvider>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|