From bdd03511a2d911eae2d23b861e69ca795f5bfffe Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Wed, 24 Apr 2024 11:11:53 +0200
Subject: [PATCH] Refactor image loader URL and optimize image in loader.js

---
 nextjs/spa-with-image-optimization/loader.js | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/nextjs/spa-with-image-optimization/loader.js b/nextjs/spa-with-image-optimization/loader.js
index 6f4cbbb..82bd96e 100644
--- a/nextjs/spa-with-image-optimization/loader.js
+++ b/nextjs/spa-with-image-optimization/loader.js
@@ -5,19 +5,13 @@ export default function myImageLoader({ src, width, quality }) {
     if (isLocal && process.env.NODE_ENV === 'development') {
         return src;
     }
+    const query = new URLSearchParams();
+    if (width) query.set('width', width);
+    if (quality) query.set('quality', quality);
     if (isLocal) {
         const baseUrl = 'https://xoos0kk.heyandras.dev';
         const fullSrc = `${baseUrl}${src}`;
-        if (quality) {
-            return `https://images.coollabs.io/o/${fullSrc}?width=${width}&quality=${quality}`
-        } else { 
-            return `https://images.coollabs.io/o/${fullSrc}?width=${width}`
-        }
+        return `https://images.coollabs.io/o/${fullSrc}?${query.toString()}`;
     }
-    if (quality) {
-        return `https://images.coollabs.io/o/${src}?width=${width}&quality=${quality}`
-    } else { 
-        return `https://images.coollabs.io/o/${src}?width=${width}`
-    }
-  
+    return `https://images.coollabs.io/o/${src}?${query.toString()}`;
 }