cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests 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 { useKeenSlider } from 'keen-slider/react'
import Image from 'next/image'
import React, { Children, FC, isValidElement, useState } from 'react' import React, { Children, FC, isValidElement, useState } from 'react'
import cn from 'classnames' 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 cn from 'classnames'
import Image from 'next/image' import Image from 'next/image'
import { NextSeo } from 'next-seo' import { NextSeo } from 'next-seo'
@ -77,15 +77,16 @@ const ProductView: FC<Props> = ({ product, className }) => {
<div className={s.sliderContainer}> <div className={s.sliderContainer}>
<ProductSlider> <ProductSlider>
{product.images.edges?.map((image, i) => ( {product.images.edges?.map((image, i) => (
<Image <div key={image?.node.urlXL}>
className={s.img} <Image
key={image?.node.urlXL} className={s.img}
src={image?.node.urlXL!} src={image?.node.urlXL!}
width={1050} width={1050}
height={1050} height={1050}
priority={i === 0} priority={i === 0}
quality="90" quality="90"
/> />
</div>
))} ))}
</ProductSlider> </ProductSlider>
</div> </div>