mirror of
https://github.com/hanzonet/explore.git
synced 2026-10-30 18:16:57 +00:00
tom goriunovandGitHub
18b419ef34
* change hero section * add AdBanner to hero block * show icon instead of text on "connect wallet" button on md desktops * redesign stats widgets * new design for home page charts * fix skeletons * update demo values * disable getit provider * fixes for adbutler provider * show token logo placeholder for secondary coin logo * add width to hype banner * update demo values * remove letter spacing for large headings * indicators block fixes * update icons * update screenshots
40 lines
942 B
TypeScript
40 lines
942 B
TypeScript
import { chakra } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { BannerPlatform } from './types';
|
|
|
|
import config from 'configs/app';
|
|
import { useAppContext } from 'lib/contexts/app';
|
|
import * as cookies from 'lib/cookies';
|
|
|
|
import AdBannerContent from './AdBannerContent';
|
|
|
|
const feature = config.features.adsBanner;
|
|
|
|
interface Props {
|
|
className?: string;
|
|
isLoading?: boolean;
|
|
platform?: BannerPlatform;
|
|
}
|
|
|
|
const AdBanner = ({ className, isLoading, platform }: Props) => {
|
|
const provider = useAppContext().adBannerProvider;
|
|
|
|
const hasAdblockCookie = cookies.get(cookies.NAMES.ADBLOCK_DETECTED, useAppContext().cookies);
|
|
|
|
if (!feature.isEnabled || hasAdblockCookie === 'true' || !provider) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<AdBannerContent
|
|
className={ className }
|
|
isLoading={ isLoading }
|
|
provider={ provider }
|
|
platform={ platform }
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default chakra(AdBanner);
|