computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
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.
23 lines
673 B
23 lines
673 B
5 years ago
|
import React from 'react';
|
||
|
import { BannerWrap, CloseSponsor, EmojiWrap } from './style';
|
||
|
|
||
|
export function SponsorBanner({ onCloseBanner = () => null }){
|
||
|
return (
|
||
|
<div className='row'>
|
||
|
<div className='col p-0'>
|
||
|
<BannerWrap href='https://google.com' target='_blank' className='alert alert-info'>
|
||
|
Sponsored by DigitalOcean
|
||
|
<EmojiWrap>😍</EmojiWrap>
|
||
|
Check them out!
|
||
|
|
||
|
<CloseSponsor
|
||
|
onClick={(e) => {
|
||
|
e.preventDefault();
|
||
|
onCloseBanner();
|
||
|
}}
|
||
|
className='close'>×</CloseSponsor>
|
||
|
</BannerWrap>
|
||
|
</div>
|
||
|
</div>
|
||
|
);
|
||
|
}
|