From 4e634a9d3556e94c7ce0729ef9f15b73495b2e28 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Wed, 15 Mar 2023 14:52:16 +0700
Subject: product detail desktop

---
 .../components/Skeleton/PopularProductSkeleton.jsx | 23 ++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

(limited to 'src/lib/home/components/Skeleton/PopularProductSkeleton.jsx')

diff --git a/src/lib/home/components/Skeleton/PopularProductSkeleton.jsx b/src/lib/home/components/Skeleton/PopularProductSkeleton.jsx
index 18a1b3d3..29fda966 100644
--- a/src/lib/home/components/Skeleton/PopularProductSkeleton.jsx
+++ b/src/lib/home/components/Skeleton/PopularProductSkeleton.jsx
@@ -1,10 +1,25 @@
 import ProductCardSkeleton from '@/core/components/elements/Skeleton/ProductCardSkeleton'
+import DesktopView from '@/core/components/views/DesktopView'
+import MobileView from '@/core/components/views/MobileView'
 
 const PopularProductSkeleton = () => (
-  <div className='grid grid-cols-2 gap-x-3'>
-    <ProductCardSkeleton />
-    <ProductCardSkeleton />
-  </div>
+  <>
+    <MobileView>
+      <div className='grid grid-cols-2 gap-x-3'>
+        <ProductCardSkeleton />
+        <ProductCardSkeleton />
+      </div>
+    </MobileView>
+    <DesktopView>
+      <div className='grid grid-cols-5 gap-x-3'>
+        <ProductCardSkeleton />
+        <ProductCardSkeleton />
+        <ProductCardSkeleton />
+        <ProductCardSkeleton />
+        <ProductCardSkeleton />
+      </div>
+    </DesktopView>
+  </>
 )
 
 export default PopularProductSkeleton
-- 
cgit v1.2.3

