From 5933732a74ae1ca4124ddd4e8265b1f443234736 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 21 Feb 2023 21:51:51 +0700
Subject: fix

---
 src/lib/wishlist/components/Wishlists.jsx | 41 +++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 src/lib/wishlist/components/Wishlists.jsx

(limited to 'src/lib/wishlist/components/Wishlists.jsx')

diff --git a/src/lib/wishlist/components/Wishlists.jsx b/src/lib/wishlist/components/Wishlists.jsx
new file mode 100644
index 00000000..8a456a8d
--- /dev/null
+++ b/src/lib/wishlist/components/Wishlists.jsx
@@ -0,0 +1,41 @@
+import Alert from "@/core/components/elements/Alert/Alert"
+import Pagination from "@/core/components/elements/Pagination/Pagination"
+import Spinner from "@/core/components/elements/Spinner/Spinner"
+import ProductCard from "@/lib/product/components/ProductCard"
+import { useRouter } from "next/router"
+import useWishlists from "../hooks/useWishlists"
+
+const Wishlists = () => {
+  const router = useRouter()
+  const {
+    page = 1
+  } = router.query
+  const limit = 30
+  const { wishlists } = useWishlists({ page, limit })
+
+  const pageCount = Math.ceil(wishlists.data?.productTotal / limit)
+
+  return (
+    <div className="px-4 py-6">
+      { wishlists.isLoading && (
+        <Spinner className="w-6 h-6 text-gray-600 fill-gray-900 mx-auto" />
+      ) }
+      { wishlists.data?.products?.length == 0 && (
+        <Alert type='info' className='text-center'>
+          Wishlist anda masih kosong
+        </Alert>
+      ) }
+      <div className="grid grid-cols-2 gap-3">
+        {wishlists.data?.products.map((product) => (
+          <ProductCard key={product.id} data={product} />
+        ))}
+      </div>
+
+      <div className="mt-6">
+        <Pagination currentPage={page} pageCount={pageCount} url={`/my/wishlist`} />
+      </div>
+    </div>
+  )
+}
+
+export default Wishlists
\ No newline at end of file
-- 
cgit v1.2.3


From 98c8fc56db91664b98a50e9113787b56fe785b9e Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 21 Feb 2023 22:33:32 +0700
Subject: fix

---
 src/lib/wishlist/components/Wishlists.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'src/lib/wishlist/components/Wishlists.jsx')

diff --git a/src/lib/wishlist/components/Wishlists.jsx b/src/lib/wishlist/components/Wishlists.jsx
index 8a456a8d..4bb63933 100644
--- a/src/lib/wishlist/components/Wishlists.jsx
+++ b/src/lib/wishlist/components/Wishlists.jsx
@@ -15,16 +15,22 @@ const Wishlists = () => {
 
   const pageCount = Math.ceil(wishlists.data?.productTotal / limit)
 
+  if (wishlists.isLoading) {
+    return (
+      <div className="flex justify-center my-6">
+        <Spinner className="w-6 text-gray_r-12/50 fill-gray_r-12" />
+      </div>
+    )
+  }
+
   return (
     <div className="px-4 py-6">
-      { wishlists.isLoading && (
-        <Spinner className="w-6 h-6 text-gray-600 fill-gray-900 mx-auto" />
-      ) }
       { wishlists.data?.products?.length == 0 && (
         <Alert type='info' className='text-center'>
           Wishlist anda masih kosong
         </Alert>
       ) }
+      
       <div className="grid grid-cols-2 gap-3">
         {wishlists.data?.products.map((product) => (
           <ProductCard key={product.id} data={product} />
-- 
cgit v1.2.3

