Syntax changes & coding style

locomotivemtl · Oct 19, 2021 · df56722 · df56722
1 parent 7d35dcb
commit df56722
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/assets/scripts/utils/image.js b/assets/scripts/utils/image.js
@@ -5,7 +5,10 @@ const LAZY_LOADED_IMAGES = []
 export function loadImage(url, options = {}) {
     return new Promise((resolve, reject) => {
         const $img = new Image();
-        if (options.crossOrigin) $img.crossOrigin = options.crossOrigin;
+
+        if (options.crossOrigin) {
+            $img.crossOrigin = options.crossOrigin;
+        }
 
         const loadCallback = () => {
             resolve({
@@ -53,26 +56,32 @@ export async function lazyLoadImage($el, url, callback) {
 
     if (!loadedImage) {
         loadedImage = await loadImage(src)
-        if (!loadedImage.url) return;
+
+        if (!loadedImage.url) {
+            return;
+        }
+
         LAZY_LOADED_IMAGES.push(loadedImage)
     }
 
     if($el.src === src) {
         return
     }
 
-    if ($el.tagName == "IMG") {
+    if ($el.tagName === 'IMG') {
         $el.src = loadedImage.url;
     } else {
         $el.style.backgroundImage = `url(${loadedImage.url})`;
     }
 
     requestAnimationFrame(() => {
         let lazyParent = queryClosestParent($el, '.c-lazy')
+
         if(lazyParent) {
             lazyParent.classList.add('-lazy-loaded')
             lazyParent.style.backgroundImage = ''
         }
+
         $el.classList.add('-lazy-loaded')
 
         callback?.()