Add loader

1 files changed, 7 insertions, 1 deletions

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 ? (
               <>