blob: 7db1363cad5b864cb797d99b26f8a2f5d81a345a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
import Link from "next/link"
import { useQuery } from "react-query"
import Image from "~/components/ui/image"
import { getBanner } from "~/services/banner"
const FooterBanner = () => {
const fetchFooterBanner = useQuery({
queryKey: 'footerBanner',
queryFn: () => getBanner({ type: 'bottom-search-promotion' })
})
const banner = fetchFooterBanner?.data?.[0] || false
return banner && (
<>
{banner.url && (
<Link href={banner.url}>
<Image src={banner.image} alt={banner.name} width={924} height={150} className='object-cover object-center rounded-lg' />
</Link>
)}
{!banner.url && (
<Image src={banner.image} alt={banner.name} width={924} height={150} className='object-cover object-center rounded-lg' />
)}
</>
)
}
export default FooterBanner
|
