mirror of
https://github.com/vercel/commerce.git
synced 2025-07-27 04:01:23 +00:00
updates
This commit is contained in:
30
components/agility-modules/ProductMarquee.tsx
Normal file
30
components/agility-modules/ProductMarquee.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import React, { FC } from 'react'
|
||||
|
||||
import { ProductCard } from '@components/product'
|
||||
import { Grid, Marquee, Hero } from '@components/ui'
|
||||
import { ModuleWithInit } from '@agility/nextjs'
|
||||
|
||||
interface ICustomData {
|
||||
products: any
|
||||
}
|
||||
|
||||
interface IModule {
|
||||
}
|
||||
|
||||
|
||||
const ProductMarqueeModule: ModuleWithInit<IModule, ICustomData> = ({ customData }) => {
|
||||
|
||||
const products = customData.products
|
||||
|
||||
return (
|
||||
<Marquee variant="secondary">
|
||||
{products.slice(0, 3).map((product: any, i: number) => (
|
||||
<ProductCard key={product.id} product={product} variant="slim" />
|
||||
))}
|
||||
</Marquee>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
export default ProductMarqueeModule
|
||||
|
Reference in New Issue
Block a user