diff options
Diffstat (limited to 'src/pages/shop')
| -rw-r--r-- | src/pages/shop/search.js | 8 |
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 ? ( <> |