crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-30 13:41:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/okbel/e-comm-example

Browse Source
This commit is contained in:
Luis Alvarez
2020-10-15 16:45:42 -05:00
parent 1c10bd93f0 d26222b5e5
commit 0779985340
13 changed files with 95 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
components/core/Layout/Layout.tsx
View File

@@ -1,58 +1,40 @@
import { FC } from 'react'
import cn from 'classnames'
import { ThemeProvider } from 'next-themes'
import { SSRProvider, OverlayProvider } from 'react-aria'
import type { Page } from '@lib/bigcommerce/api/operations/get-all-pages'
import { CommerceProvider } from '@lib/bigcommerce'
import { Navbar, Featurebar, Footer } from '@components/core'
import { Container, Sidebar } from '@components/ui'
import { CartSidebarView } from '@components/cart'
import { UIProvider, useUI } from '@components/ui/context'
import { useUI } from '@components/ui/context'
import s from './Layout.module.css'
interface LayoutProps {
interface Props {
pageProps: {
pages?: Page[]
}
}
interface Props {
pages?: Page[]
}
const CoreLayout: FC<Props> = ({ children, pages }) => {
const Layout: FC<Props> = ({ children, pageProps }) => {
const { displaySidebar, closeSidebar } = useUI()
return (
<div className={cn(s.root)}>
<Featurebar
title="Free Standard Shipping on orders over $99.99"
description="Due to COVID-19, some orders may experience processing and delivery delays."
/>
<Container>
<Navbar />
</Container>
<main className="fit">{children}</main>
<Footer pages={pages} />
<Sidebar show={displaySidebar} close={closeSidebar}>
<CartSidebarView />
</Sidebar>
</div>
<CommerceProvider locale="en-us">
<div className={cn(s.root)}>
<Featurebar
title="Free Standard Shipping on orders over $99.99"
description="Due to COVID-19, some orders may experience processing and delivery delays."
/>
<Container>
<Navbar />
</Container>
<main className="fit">{children}</main>
<Footer pages={pageProps.pages} />
<Sidebar show={displaySidebar} close={closeSidebar}>
<CartSidebarView />
</Sidebar>
</div>
</CommerceProvider>
)
}
const Layout: FC<LayoutProps> = ({ children, pageProps }) => (
<ThemeProvider>
<SSRProvider>
<OverlayProvider>
<CommerceProvider locale="en-us">
<UIProvider>
<CoreLayout pages={pageProps.pages}>{children}</CoreLayout>
</UIProvider>
</CommerceProvider>
</OverlayProvider>
</SSRProvider>
</ThemeProvider>
)
export default Layout