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

Adding Correct Sizes and Colors

Browse Source
This commit is contained in:
Belen Curcio
2020-10-17 17:56:38 -03:00
parent a79b979b41
commit 526b291f4f
5 changed files with 139 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
pages/search.tsx
View File

@@ -1,21 +1,21 @@
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
import { useRouter } from 'next/router'
import Link from 'next/link'
import cn from 'classnames'
import Link from 'next/link'
import { range } from 'lodash'
import { useRouter } from 'next/router'
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
import { Layout } from '@components/core'
import { ProductCard } from '@components/product'
import { Container, Grid, Skeleton } from '@components/ui'
import getSlug from '@utils/get-slug'
import useSearch from '@lib/bigcommerce/products/use-search'
import getAllPages from '@lib/bigcommerce/api/operations/get-all-pages'
import getSiteInfo from '@lib/bigcommerce/api/operations/get-site-info'
import useSearch from '@lib/bigcommerce/products/use-search'
import { Layout } from '@components/core'
import { Container, Grid, Skeleton } from '@components/ui'
import { ProductCard } from '@components/product'
import getSlug from '@utils/get-slug'
import {
filterQuery,
getCategoryPath,
getDesignerPath,
useSearchMeta,
} from '@utils/search'
import { range } from 'lodash'
export async function getStaticProps({ preview }: GetStaticPropsContext) {
const { pages } = await getAllPages()
@@ -138,25 +138,26 @@ export default function Search({
</>
)}
</div>
<Grid
items={data ? data.products : range(12)}
layout="normal"
wrapper={
data
? (p: any) => (
<ProductCard
className="animate__animated animate__fadeIn"
{...p}
/>
)
: () => (
<Skeleton
className="w-full animate__animated animate__fadeIn"
height={325}
/>
)
}
/>
{data ? (
<Grid layout="normal">
{data.products.map((p: any) => (
<ProductCard
className="animate__animated animate__fadeIn"
{...p}
/>
))}
</Grid>
) : (
<Grid>
{range(12).map(() => (
<Skeleton
className="w-full animate__animated animate__fadeIn"
height={325}
/>
))}
</Grid>
)}
</div>
<div className="col-span-2">
<ul>