diff options
| author | HATEC\SPVDEV001 <tri.susilo@altama.co.id> | 2023-08-09 10:47:44 +0700 |
|---|---|---|
| committer | HATEC\SPVDEV001 <tri.susilo@altama.co.id> | 2023-08-09 10:47:44 +0700 |
| commit | 407af81fb2d9ebdf3415fe7b34d08996ed7c80ec (patch) | |
| tree | 675d0981a6259b814c3deb7bd053a85892fea53b /src/core/components/elements/Navbar/TopBanner.jsx | |
| parent | 9595223471946520f5c156e24eceb577fae4c901 (diff) | |
| parent | 863047e92834479ce8edb576b57b129c611821a8 (diff) | |
Merge branch 'master' into CR/flash_sale
# Conflicts:
# src/lib/product/components/ProductCard.jsx
Diffstat (limited to 'src/core/components/elements/Navbar/TopBanner.jsx')
| -rw-r--r-- | src/core/components/elements/Navbar/TopBanner.jsx | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/core/components/elements/Navbar/TopBanner.jsx b/src/core/components/elements/Navbar/TopBanner.jsx index 9efd0a8d..dca2e930 100644 --- a/src/core/components/elements/Navbar/TopBanner.jsx +++ b/src/core/components/elements/Navbar/TopBanner.jsx @@ -2,11 +2,16 @@ import odooApi from '@/core/api/odooApi' import { useQuery } from 'react-query' import Image from 'next/image' import Link from '../Link/Link' +import { TopBannerSkeleton } from '../Skeleton/TopBannerSkeleton' const TopBanner = () => { const fetchTopBanner = async () => await odooApi('GET', '/api/v1/banner?type=top-banner') const topBanner = useQuery('topBanner', fetchTopBanner) + if (topBanner.isLoading) { + return <TopBannerSkeleton /> + } + return ( topBanner.isFetched && topBanner.data?.length > 0 && ( |