crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 23:46:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

wardrobe page

Browse Source
This commit is contained in:
Samantha Kellow 2023-11-23 16:04:08 +00:00
parent 5dd476e852
commit f4dc383346
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/wardrobe/page.tsx
View File

@ -1,7 +1,7 @@
import Grid from 'components/grid';
import Footer from 'components/layout/footer';
import ProductGridItems from 'components/layout/product-grid-items';
import { getLiveProducts } from 'lib/utils';
import { getLiveWardrobeProducts } from 'lib/utils';
import { Suspense } from 'react';
export const runtime = 'edge';
@ -14,17 +14,22 @@ export const metadata = {
};
export default async function Wardrobe() {
const liveProducts = await getLiveProducts({});
const liveProducts = await getLiveWardrobeProducts({});
return (
<>
<Suspense>
{/* <Carousel /> carousel highlighting quality, */}
<h2 className='text-3xl flex justify-center my-10'>art for the wardrobe</h2>
{liveProducts.length > 0 ? (
<Grid className="grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 m-6">
<ProductGridItems products={liveProducts} />
</Grid>
) : null}
) : <section className='container flex justify-center my-16'>
<h2 className='text-3xl my-16'>opps!</h2>
<p>something went wrong 😖</p>
</section>
}
<Suspense>
<Footer />
</Suspense>