Add page transition

1 files changed, 3 insertions, 2 deletions

diff --git a/src/pages/shop/search.js b/src/pages/shop/search.js
index ce76f88e..d0917666 100644
--- a/src/pages/shop/search.js
+++ b/src/pages/shop/search.js
@@ -1,5 +1,6 @@
 import axios from "axios";
 import Header from "../../components/Header";
+import Layout from "../../components/Layout";
 import Pagination from "../../components/Pagination";
 import ProductCard from "../../components/ProductCard";
 import FilterIcon from "../../icons/filter.svg";
@@ -19,7 +20,7 @@ export default function ShopSearch({ searchResults, q, page }) {
   return (
     <>
       <Header title={`Jual ${q} - Indoteknik`} />
-      <main>
+      <Layout key={`/shop/search?q=${q}&page=${page}`}>
         <div className="p-4">
           <div className="flex justify-between items-center gap-x-2 mb-1">
             <h1>Produk</h1>
@@ -54,7 +55,7 @@ export default function ShopSearch({ searchResults, q, page }) {
             <Pagination pageCount={pageCount} currentPage={parseInt(page)} url={`/shop/search?q=${q}`} />
           </div>
         </div>
-      </main>
+      </Layout>
     </>
   )
 }
\ No newline at end of file