mirror of
https://github.com/vercel/commerce.git
synced 2025-03-28 16:25:53 +00:00
a98c95d447
* Adding multiple initial files * Updated the default cart endpoint * Fixes * Updated CommerceAPI class for better usage * Adding more migration changes * Taking multiple steps into better API types * Adding more experimental types * Removed many testing types * Adding types, fixes and other updates * Updated commerce types * Updated types for hooks now using the API * Updated mutation types * Simplified cart types for the provider * Updated cart hooks * Remove normalizers from the hooks * Updated cart endpoint * Removed cart handlers * bug fixes * Improve quantity input behavior in cart item * Removed endpoints folder * Making progress on api operations * Moved method * Moved types * Changed the way ops are created * Added customer endpoint * Login endpoint * Added logout endpoint * Add missing logout files * Added signup endpoint * Removed customers old endpoints * Moved endpoints to nested folder * Removed old customer endpoint builders * Updated login operation * Updated login operation * Added getAllPages operation * Renamed endpoint operations to handlers * Changed import * Renamed operations to handlers in usage * Moved getAllPages everywhere * Moved getPage * Updated getPage usage * Moved getSiteInfo * Added def types for product * Updated type * moved products catalog endpoint * removed old catalog endpoint * Moved wishlist * Removed commerce.endpoint * Replaced references to commerce.endpoint * Updated catalog products * Moved checkout api * Added the get customer wishlist operation * Removed old wishlist stuff * Added getAllProductPaths operation * updated reference to operation * Moved getAllProducts * Updated getProduct operation * Removed old getConfig and references * Removed is-allowed-method from BC * Updated types for auth hooks * Updated useCustomer and core types * Updated useData and util hooks * Updated useSearch hook * Updated types for useWishlist * Added index for types * Fixes * Updated urls to the API * Renamed fetchInput to fetcherInput * Updated fetch type * Fixes in search hook * Updated Shopify Provider Structure (#340) * Add codegen, update fragments & schemas * Update checkout-create.ts * Update checkout-create.ts * Update README.md * Update product mutations & queries * Uptate customer fetch types * Update schemas * Start updates * Moved Page, AllPages & Site Info * Moved product, all products (paths) * Add translations, update operations & fixes * Update api endpoints, types & fixes * Add api checkout endpoint * Updates * Fixes * Update commerce.config.json Co-authored-by: B <curciobelen@gmail.com> * Added category type and normalizer * updated init script to exclude other providers * Excluded swell and venture temporarily * Fix category & color normalization * Fixed category normalizer in shopify * Don't use getSlug for category on /search * Update colors.ts Co-authored-by: cond0r <pinte_catalin@yahoo.com> Co-authored-by: B <curciobelen@gmail.com>
74 lines
2.0 KiB
TypeScript
74 lines
2.0 KiB
TypeScript
import { FC } from 'react'
|
|
import Link from 'next/link'
|
|
import type { Product } from '@commerce/types/product'
|
|
import { Grid } from '@components/ui'
|
|
import { ProductCard } from '@components/product'
|
|
import s from './HomeAllProductsGrid.module.css'
|
|
import { getCategoryPath, getDesignerPath } from '@lib/search'
|
|
|
|
interface Props {
|
|
categories?: any
|
|
brands?: any
|
|
products?: Product[]
|
|
}
|
|
|
|
const HomeAllProductsGrid: FC<Props> = ({
|
|
categories,
|
|
brands,
|
|
products = [],
|
|
}) => {
|
|
return (
|
|
<div className={s.root}>
|
|
<div className={s.asideWrapper}>
|
|
<div className={s.aside}>
|
|
<ul className="mb-10">
|
|
<li className="py-1 text-base font-bold tracking-wide">
|
|
<Link href={getCategoryPath('')}>
|
|
<a>All Categories</a>
|
|
</Link>
|
|
</li>
|
|
{categories.map((cat: any) => (
|
|
<li key={cat.path} className="py-1 text-accents-8 text-base">
|
|
<Link href={getCategoryPath(cat.path)}>
|
|
<a>{cat.name}</a>
|
|
</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
<ul className="">
|
|
<li className="py-1 text-base font-bold tracking-wide">
|
|
<Link href={getDesignerPath('')}>
|
|
<a>All Designers</a>
|
|
</Link>
|
|
</li>
|
|
{brands.flatMap(({ node }: any) => (
|
|
<li key={node.path} className="py-1 text-accents-8 text-base">
|
|
<Link href={getDesignerPath(node.path)}>
|
|
<a>{node.name}</a>
|
|
</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div className="flex-1">
|
|
<Grid layout="normal">
|
|
{products.map((product) => (
|
|
<ProductCard
|
|
key={product.path}
|
|
product={product}
|
|
variant="simple"
|
|
imgProps={{
|
|
width: 480,
|
|
height: 480,
|
|
}}
|
|
/>
|
|
))}
|
|
</Grid>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default HomeAllProductsGrid
|