Merge branch 'release' into feature/all-promotion

1 files changed, 7 insertions, 5 deletions

diff --git a/src-migrate/modules/product-detail/components/SimilarSide.tsx b/src-migrate/modules/product-detail/components/SimilarSide.tsx
index 646a1c51..d70a314d 100644
--- a/src-migrate/modules/product-detail/components/SimilarSide.tsx
+++ b/src-migrate/modules/product-detail/components/SimilarSide.tsx
@@ -1,6 +1,4 @@
-import style from '../styles/side-similar.module.css'
-
-import React from 'react'
+import { Skeleton } from '@chakra-ui/react'
 
 import ProductCard from '~/modules/product-card'
 import useProductSimilar from '~/modules/product-similar/hooks/useProductSimilar'
@@ -19,7 +17,11 @@ const SimilarSide = ({ product }: Props) => {
   const products = productSimilar.data?.products || []
 
   return (
-    <div className={style['wrapper']}>
+    <Skeleton
+      isLoaded={!productSimilar.isLoading}
+      className="h-[500px] overflow-auto grid grid-cols-1 gap-y-4 divide-y divide-gray-300 border border-gray-300 rounded-lg"
+      rounded='lg'
+    >
       {products.map((product) => (
         <ProductCard
           key={product.id}
@@ -27,7 +29,7 @@ const SimilarSide = ({ product }: Props) => {
           layout='horizontal'
         />
       ))}
-    </div>
+    </Skeleton>
   )
 }