crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +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-13 03:50:20 -05:00
parent beed2d23e0 6bf209eccd
commit d561f26beb
18 changed files with 135 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
pages/_app.tsx
View File

@@ -1,6 +1,7 @@
import { FC } from 'react'
import type { AppProps } from 'next/app'
import { SSRProvider, OverlayProvider } from 'react-aria'
import { ThemeProvider } from 'next-themes'
import '@assets/global.css'
import '@assets/tailwind.css'
import '@assets/utils.css'
@@ -11,12 +12,14 @@ export default function MyApp({ Component, pageProps }: AppProps) {
const Layout = (Component as any).Layout || Noop
return (
<SSRProvider>
<OverlayProvider>
<Layout>
<Component {...pageProps} />
</Layout>
</OverlayProvider>
</SSRProvider>
<ThemeProvider>
<SSRProvider>
<OverlayProvider>
<Layout>
<Component {...pageProps} />
</Layout>
</OverlayProvider>
</SSRProvider>
</ThemeProvider>
)
}

8
pages/index.tsx
View File

@@ -45,21 +45,21 @@ export default function Home({
<div className="py-12 flex flex-row w-full">
<div className="pr-3 w-48">
<ul className="mb-10">
<li className="py-1 text-black font-bold tracking-wide">
<li className="py-1 text-primary font-bold tracking-wide">
All Categories
</li>
{categories.map((cat) => (
<li key={cat.path} className="py-1 text-gray-800">
<li key={cat.path} className="py-1 text-secondary">
<a href="#">{cat.name}</a>
</li>
))}
</ul>
<ul className="">
<li className="py-1 text-black font-bold tracking-wide">
<li className="py-1 text-primary font-bold tracking-wide">
All Designers
</li>
{brands.flatMap(({ node }) => (
<li key={node.path} className="py-1 text-gray-800">
<li key={node.path} className="py-1 text-secondary">
<a href="#">{node.name}</a>
</li>
))}

20
pages/search.tsx
View File

@@ -30,21 +30,21 @@ export default function Home({
<div className="grid grid-cols-12 gap-8 mt-3 mb-20">
<div className="col-span-2">
<ul className="mb-10">
<li className="py-1 text-black font-bold tracking-wide">
<li className="py-1 text-primary font-bold tracking-wide">
All Categories
</li>
{categories.map((cat) => (
<li key={cat.path} className="py-1 text-gray-800">
<li key={cat.path} className="py-1 text-secondary">
<a href="#">{cat.name}</a>
</li>
))}
</ul>
<ul>
<li className="py-1 text-black font-bold tracking-wide">
<li className="py-1 text-primary font-bold tracking-wide">
All Designers
</li>
{brands.flatMap(({ node }) => (
<li key={node.path} className="py-1 text-gray-800">
<li key={node.path} className="py-1 text-secondary">
<a href="#">{node.name}</a>
</li>
))}
@@ -66,11 +66,13 @@ export default function Home({
</div>
<div className="col-span-2">
<ul>
<li className="py-1 text-black font-bold tracking-wide">Relevance</li>
<li className="py-1 text-gray-800">Latest arrivals</li>
<li className="py-1 text-gray-800">Trending</li>
<li className="py-1 text-gray-800">Price: Low to high</li>
<li className="py-1 text-gray-800">Price: High to low</li>
<li className="py-1 text-primary font-bold tracking-wide">
Relevance
</li>
<li className="py-1 text-secondary">Latest arrivals</li>
<li className="py-1 text-secondary">Trending</li>
<li className="py-1 text-secondary">Price: Low to high</li>
<li className="py-1 text-secondary">Price: High to low</li>
</ul>
</div>
</div>