Fix sort products issue (SallaApp#241)

abohazza · Jan 20, 2024 · c9e2596 · c9e2596
1 parent 4917247
commit c9e2596
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/public/product.js b/public/product.js
diff --git a/public/product.js.LICENSE.txt b/public/product.js.LICENSE.txt
@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
diff --git a/src/assets/js/products.js b/src/assets/js/products.js
@@ -11,15 +11,14 @@ class Products extends BasePage {
             app.element('#product-filter').value = urlParams.get('sort');
         }
 
-
         // Sort Products
-        app.on('change', '#product-filter', event => {
-            let url = new URL(window.location.href);
-            url.searchParams.set('sort', event.currentTarget.value);
-            window.history.pushState({}, '', url);
-            productsList.sortBy = event.currentTarget.value;
+        app.on('change','#product-filter', async event =>{
+            window.history.replaceState(null, null, salla.helpers.addParamToUrl('sort',event.currentTarget.value));
+            app.element('salla-products-list').sortBy=event.currentTarget.value;
+            await app.element('salla-products-list').reload();
+            app.element('salla-products-list').setAttribute('filters', `{"sort": "${event.currentTarget.value}"}`)
         });
-
+        
         salla.event.once('salla-products-list::products.fetched', res=>{
             res.title && (app.element('#page-main-title').innerHTML = res.title);
         });