Merge pull request #8 from asad-rafter/CLD-302-responisve-image

replaced c_scale with c_limit

Author: yuval-cloudinary

Cloudinary-pwa-kit/packages/pwa-cloudinary/app/components/cloudinary-plp-images/index.jsx

@@ -4,17 +4,10 @@ import { Img } from '@chakra-ui/react'
 import { cloudinary } from '../../../config/default'
 import { updateTrackingParam } from '../../utils/imageSrcset'
 
-const CloudinaryPlpImage = ({ cloudinaryImage = {}, dynamicImageProps = {}, image = {} }) => {
+const CloudinaryPlpImage = ({ cloudinaryImage = {}, image = {} }) => {
     if (typeof window !== 'undefined' && cloudinaryImage.url) {
         useEffect(() => {
-            const width = cloudinaryImage.c_autoResponsiveDimensions.replace(
-                'auto',
-                window.innerWidth
-            )
-            const replacedUrl = cloudinaryImage.url.replace(
-                cloudinaryImage.c_autoResponsiveDimensions,
-                width
-            )
+            const replacedUrl = cloudinaryImage.url.replace('w_auto,c_scale', 'w_auto,c_limit')
             cloudinaryImage.url = replacedUrl
         }, [])
     }

Cloudinary-pwa-kit/packages/pwa-cloudinary/overrides/app/components/product-tile/index.jsx

@@ -95,7 +95,6 @@ const ProductTile = (props) => {
                         {product && c_cloudinary?.plpEnabled ? (
                             <CloudinaryPlpImage
                                 cloudinaryImage={c_cloudinary}
-                                dynamicImageProps={dynamicImageProps}
                                 image={image}
                             />
                         ) : (