crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-03-14 22:42:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix keen slider

Browse Source
This commit is contained in:
Julián Benegas 2020-10-23 17:09:28 -03:00
parent e43aee74dd
commit cbcf53c430
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/product/ProductSlider/ProductSlider.tsx
View File

@ -1,5 +1,4 @@
import { useKeenSlider } from 'keen-slider/react'
import Image from 'next/image'
import React, { Children, FC, isValidElement, useState } from 'react'
import cn from 'classnames'

21
components/product/ProductView/ProductView.tsx
View File

@ -1,4 +1,4 @@
import { FC, useState, useEffect } from 'react'
import { FC, useState } from 'react'
import cn from 'classnames'
import Image from 'next/image'
import { NextSeo } from 'next-seo'
@ -77,15 +77,16 @@ const ProductView: FC<Props> = ({ product, className }) => {
<div className={s.sliderContainer}>
<ProductSlider>
{product.images.edges?.map((image, i) => (
<Image
className={s.img}
key={image?.node.urlXL}
src={image?.node.urlXL!}
width={1050}
height={1050}
priority={i === 0}
quality="90"
/>
<div key={image?.node.urlXL}>
<Image
className={s.img}
src={image?.node.urlXL!}
width={1050}
height={1050}
priority={i === 0}
quality="90"
/>
</div>
))}
</ProductSlider>
</div>