Search Order by nextjs indoteknik

2 files changed, 32 insertions, 5 deletions

diff --git a/src/pages/api/shop/search.js b/src/pages/api/shop/search.js
index 9cd3d4ba..2d26205d 100644
--- a/src/pages/api/shop/search.js
+++ b/src/pages/api/shop/search.js
@@ -44,9 +44,23 @@ export default async function handler(req, res) {
     brand = '',
     category = '',
     price_from = 0,
-    price_to = 0
+    price_to = 0,
+    order_by = ''
   } = req.query;
 
+  let paramOrderBy = '';
+  switch (order_by) {
+    case 'price-asc':
+      paramOrderBy = ', price_discount ASC';
+      break;
+    case 'price-desc':
+      paramOrderBy = ', price_discount DESC';
+      break;
+    case 'popular':
+      paramOrderBy = ', search_rank DESC';
+      break;
+  }
+
   let limit = 30;
   let offset = (page - 1) * limit;
   let parameter = [
@@ -59,7 +73,7 @@ export default async function handler(req, res) {
     'facet.field=category_name_str',
     `start=${offset}`,
     `rows=${limit}`,
-    'sort=product_rating desc',
+    `sort=product_rating DESC ${paramOrderBy}`,
     `fq=price_discount:[${price_from == 0 ? '*' : price_from} TO ${price_to == 0 ? '*' : price_to}]`
   ];
 
diff --git a/src/pages/shop/search.js b/src/pages/shop/search.js
index 29c5b106..6b24f2a9 100644
--- a/src/pages/shop/search.js
+++ b/src/pages/shop/search.js
@@ -15,7 +15,8 @@ export async function getServerSideProps(context) {
     brand = '', 
     category = '',
     price_from = '0',
-    price_to = '0'
+    price_to = '0',
+    order_by = '',
   } = context.query;
 
   let urlParameter = [
@@ -24,13 +25,23 @@ export async function getServerSideProps(context) {
     `category=${category}`,
     `price_from=${price_from}`,
     `price_to=${price_to}`,
+    `order_by=${order_by}`
   ].join('&');
   let searchResults = await axios(`${process.env.SELF_HOST}/api/shop/search?q=${q}&${urlParameter}`);
   searchResults = searchResults.data;
-  return { props: { searchResults, q, page, brand, category, price_from, price_to } };
+  return { props: { searchResults, q, page, brand, category, price_from, price_to, order_by } };
 }
 
-export default function ShopSearch({ searchResults, q, page, brand, category, price_from, price_to }) {
+export default function ShopSearch({ 
+  searchResults, 
+  q, 
+  page, 
+  brand, 
+  category, 
+  price_from, 
+  price_to, 
+  order_by 
+}) {
   const router = useRouter();
 
   const pageCount = Math.ceil(searchResults.response.numFound / searchResults.responseHeader.params.rows);
@@ -47,6 +58,7 @@ export default function ShopSearch({ searchResults, q, page, brand, category, pr
     if (category) route += `&category=${category}`;
     if (price_from > 0) route += `&price_from=${price_from}`;
     if (price_to > 0) route += `&price_to=${price_to}`;
+    if (order_by) route += `&order_by=${order_by}`;
     return route;
   }
 
@@ -61,6 +73,7 @@ export default function ShopSearch({ searchResults, q, page, brand, category, pr
         defaultPriceTo={price_to}
         defaultBrand={brand}
         defaultCategory={category}
+        defaultOrderBy={order_by}
         searchResults={searchResults}
       />
       <Layout>