diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-08-09 17:14:28 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-08-09 17:14:28 +0700 |
| commit | 0bb71b8aa1da040a35399292b9c5919c5cad6d49 (patch) | |
| tree | 54934cad3d70bcb7d4112b54313e84b607f4b99f /src/lib/home/components/PromotionProgram.jsx | |
| parent | 0efb4f3aad012439a706e6704b781bb510478c6c (diff) | |
| parent | ebe159fc10e4c774ae1bd6aafa772f39618ca372 (diff) | |
<iman> Merge branch 'Feature/highlight-button-whatsapp' into development
Diffstat (limited to 'src/lib/home/components/PromotionProgram.jsx')
| -rw-r--r-- | src/lib/home/components/PromotionProgram.jsx | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/lib/home/components/PromotionProgram.jsx b/src/lib/home/components/PromotionProgram.jsx index 99258d94..c2f76069 100644 --- a/src/lib/home/components/PromotionProgram.jsx +++ b/src/lib/home/components/PromotionProgram.jsx @@ -3,11 +3,16 @@ import Image from 'next/image' import { bannerApi } from '@/api/bannerApi'; import useDevice from '@/core/hooks/useDevice' import { Swiper, SwiperSlide } from 'swiper/react'; +import BannerPromoSkeleton from '../components/Skeleton/BannerPromoSkeleton'; const { useQuery } = require('react-query') const BannerSection = () => { const promotionProgram = useQuery('promotionProgram', bannerApi({ type: 'banner-promotion' })); const { isMobile, isDesktop } = useDevice() + if (promotionProgram.isLoading) { + return <BannerPromoSkeleton />; + } + return ( <div className='px-4 sm:px-0'> <div className='flex justify-between items-center mb-4 '> |