From bb9a64abe0c4ee7650a010df0226c63556df3f62 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Sat, 19 Nov 2022 11:47:19 +0700
Subject: Add loader

---
 src/pages/shop/search.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'src/pages/shop')

diff --git a/src/pages/shop/search.js b/src/pages/shop/search.js
index 9b085ad0..ce76f88e 100644
--- a/src/pages/shop/search.js
+++ b/src/pages/shop/search.js
@@ -2,6 +2,7 @@ import axios from "axios";
 import Header from "../../components/Header";
 import Pagination from "../../components/Pagination";
 import ProductCard from "../../components/ProductCard";
+import FilterIcon from "../../icons/filter.svg";
 
 export async function getServerSideProps(context) {
   const { q, page = 1 } = context.query;
@@ -20,7 +21,12 @@ export default function ShopSearch({ searchResults, q, page }) {
       <Header title={`Jual ${q} - Indoteknik`} />
       <main>
         <div className="p-4">
-          <h1 className="mb-1">Produk</h1>
+          <div className="flex justify-between items-center gap-x-2 mb-1">
+            <h1>Produk</h1>
+            <button className="btn-light py-1 flex items-center gap-x-2">
+              <FilterIcon className="w-4 h-4" /> <span>Filter</span>
+            </button>
+          </div>
           <div className="text-sm mb-4">
             {productFound > 0 ? (
               <>
-- 
cgit v1.2.3