crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

init quanitty input

Browse Source
This commit is contained in:
unknown
2021-08-23 10:18:37 +07:00
parent bbcc3b3dad
commit f604fbc787
6 changed files with 40 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/common/CarouselCommon/CarouselCommon.tsx
View File

@@ -8,10 +8,10 @@ interface CarouselCommonProps {
data?: any[]
Component: React.ComponentType
isArrow?:Boolean
key:String
itemKey:String
}
const CarouselCommon = ({ data, Component,key }: CarouselCommonProps) => {
const CarouselCommon = ({ data, Component,itemKey }: CarouselCommonProps) => {
const [currentSlide, setCurrentSlide] = React.useState(0)
const [sliderRef, slider] = useKeenSlider<HTMLDivElement>({
slidesPerView: 1,
@@ -31,7 +31,7 @@ const CarouselCommon = ({ data, Component,key }: CarouselCommonProps) => {
<div className={s.navigation_wrapper}>
<div ref={sliderRef} className="keen-slider">
{data?.map((props,index) => (
<div className="keen-slider__slide" key={`${key}-${index}`}>
<div className="keen-slider__slide" key={`${itemKey}-${index}`}>
<Component {...props} />
</div>
))}