From c7f59e75262b0be1ae573d7d495f285c673a1ca3 Mon Sep 17 00:00:00 2001
From: Amr Wagdy <amrw.js@gmail.com>
Date: Fri, 29 Apr 2022 21:12:55 +0200
Subject: [PATCH] Chore: Release v3.6.2

---
 CHANGELOG.md | 4 ++++
 README.md    | 2 +-
 package.json | 4 ++--
 src/img.js   | 8 ++++----
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a83b5e1..cb6b949 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -27,6 +27,10 @@ Types of changes:
 -------------
 
 -------------
+## 3.6.2 - 2022-04-29
+### Fixed
+- Low preview image width
+
 ## 3.6.1 - 2022-04-26
 ### Fixed
 - Low preview image width
diff --git a/README.md b/README.md
index ba73046..d2666bd 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-[![Release](https://img.shields.io/badge/release-v3.6.1-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
+[![Release](https://img.shields.io/badge/release-v3.6.2-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
 [![Free plan](https://img.shields.io/badge/price-includes%20free%20plan-green.svg)](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5)
 [![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
diff --git a/package.json b/package.json
index 8011e34..9bf0cd5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-cloudimage-responsive",
-  "version": "3.6.1",
+  "version": "3.6.2",
   "main": "dist/index.js",
   "description": "Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load.",
   "author": "scaleflex",
@@ -40,7 +40,7 @@
     "publish-demo": "npm run build-demo && npm run deploy"
   },
   "dependencies": {
-    "cloudimage-responsive-utils": "^2.4.8",
+    "cloudimage-responsive-utils": "^2.4.9",
     "core-js": "^3.15.2",
     "prop-types": "^15.8.1",
     "react-lazyload": "^3.2.0",
diff --git a/src/img.js b/src/img.js
index 860ce58..32ccb2c 100644
--- a/src/img.js
+++ b/src/img.js
@@ -122,11 +122,11 @@ function Img(props) {
     .trim();
 
   useEffect(() => {
-    if (typeof delay !== 'undefined' && !server) {
-      if (disableAnimation) {
-        innerRef.current = imgNode.current;
-      }
+    if (disableAnimation) {
+      innerRef.current = imgNode.current;
+    }
 
+    if (typeof delay !== 'undefined' && !server) {
       setTimeout(() => {
         processImg();
       }, delay);