You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
spa_instat_tv/src/components/SmartBanner/index.tsx

55 lines
1.3 KiB

import { Icon } from 'features/Icon'
import { add } from 'date-fns'
import {
ScBannerWrap,
ScIconLogo,
ScTitleWrap,
ScTitle,
ScNameOfCompany,
ScDescribe,
ScBtnDownload,
ScIconWrap,
} from './styled'
type SmartBannerProps = {
setIsOpenDownload: (open: boolean) => void,
}
export const SmartBanner = ({ setIsOpenDownload }: SmartBannerProps) => (
<ScBannerWrap>
<ScIconWrap>
<Icon
refIcon='Close'
onClick={() => {
localStorage.setItem(
'dateLastOpenSmartBanner',
JSON.stringify(add(new Date(), { days: 1 })),
)
setIsOpenDownload(false)
}}
/>
</ScIconWrap>
<ScIconLogo src='/images/icon-instattv-smart-banner.svg' />
<ScTitleWrap>
<ScTitle>official InStat TV app</ScTitle>
<ScNameOfCompany>InStat TV limited</ScNameOfCompany>
<ScDescribe>InStat the Home of Sports Streaming</ScDescribe>
</ScTitleWrap>
<a
href='https://play.google.com/store/apps/details?id=instat.ott'
target='_blank'
rel='noreferrer'
onClick={() => {
localStorage.setItem(
'dateLastOpenSmartBanner',
JSON.stringify(add(new Date(), { days: 1 })),
)
setIsOpenDownload(false)
}}
>
<ScBtnDownload>Download</ScBtnDownload>
</a>
</ScBannerWrap>
)