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
56 lines
1.4 KiB
TypeScript
56 lines
1.4 KiB
TypeScript
import { Flex, chakra } from '@chakra-ui/react';
|
|
import { SliseAd } from '@slise/embed-react';
|
|
import React from 'react';
|
|
|
|
import type { BannerProps } from './types';
|
|
|
|
import config from 'configs/app';
|
|
|
|
const SliseBanner = ({ className, platform }: BannerProps) => {
|
|
|
|
if (platform === 'desktop') {
|
|
return (
|
|
<Flex className={ className } h="90px">
|
|
<SliseAd
|
|
slotId={ config.chain.name || '' }
|
|
pub="pub-10"
|
|
format="728x90"
|
|
style={{ width: '728px', height: '90px' }}/>
|
|
</Flex>
|
|
);
|
|
}
|
|
|
|
if (platform === 'mobile') {
|
|
return (
|
|
<Flex className={ className } h="90px">
|
|
<SliseAd
|
|
slotId={ config.chain.name || '' }
|
|
pub="pub-10"
|
|
format="270x90"
|
|
style={{ width: '270px', height: '90px' }}/>
|
|
</Flex>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<Flex className={ className } h="90px" display={{ base: 'none', lg: 'flex' }}>
|
|
<SliseAd
|
|
slotId={ config.chain.name || '' }
|
|
pub="pub-10"
|
|
format="728x90"
|
|
style={{ width: '728px', height: '90px' }}/>
|
|
</Flex>
|
|
<Flex className={ className } h="90px" display={{ base: 'flex', lg: 'none' }}>
|
|
<SliseAd
|
|
slotId={ config.chain.name || '' }
|
|
pub="pub-10"
|
|
format="270x90"
|
|
style={{ width: '270px', height: '90px' }}/>
|
|
</Flex>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default chakra(SliseBanner);
|