2018-01-19 05:40:31 +00:00
|
|
|
import React from 'react';
|
2018-06-18 01:53:00 +00:00
|
|
|
|
2018-01-19 05:40:31 +00:00
|
|
|
import CoinbaseLogo from 'assets/images/logo-coinbase.svg';
|
2018-02-16 20:46:50 +00:00
|
|
|
import { NewTabLink } from 'components/ui';
|
2018-05-29 15:52:14 +00:00
|
|
|
import translate from 'translations';
|
2018-01-19 05:40:31 +00:00
|
|
|
|
2018-03-07 16:54:14 +00:00
|
|
|
interface Props {
|
|
|
|
address: string;
|
|
|
|
}
|
|
|
|
|
|
|
|
export const Coinbase: React.SFC<Props> = ({ address }) => (
|
2018-02-16 20:46:50 +00:00
|
|
|
<NewTabLink
|
|
|
|
className="Promos-promo Promos--coinbase"
|
2018-03-07 16:54:14 +00:00
|
|
|
href={`https://buy.coinbase.com?code=60c05061-3a76-57be-b1cd-a7afa97bcb8c&address=${address}&crypto_currency=ETH¤cy=USD`}
|
2018-01-19 05:40:31 +00:00
|
|
|
>
|
|
|
|
<div className="Promos-promo-inner">
|
|
|
|
<div className="Promos-promo-text">
|
2018-05-29 15:52:14 +00:00
|
|
|
<p key="1">{translate('COINBASE_PROMO_SMALL')}</p>
|
|
|
|
<h5 key="2">{translate('COINBASE_PROMO')}</h5>
|
2018-01-19 05:40:31 +00:00
|
|
|
</div>
|
|
|
|
<div className="Promos-promo-images">
|
2018-03-08 19:28:43 +00:00
|
|
|
<img src={CoinbaseLogo} alt="Coinbase logo" />
|
2018-01-19 05:40:31 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-02-16 20:46:50 +00:00
|
|
|
</NewTabLink>
|
2018-01-19 05:40:31 +00:00
|
|
|
);
|