MyCrypto/common/components/Footer/index.jsx

95 lines
5.4 KiB
JavaScript

import React, {Component} from "react";
import translate from "translations";
export default class Footer extends Component {
constructor(props) {
super(props)
}
render() {
return (
<footer role="contentinfo" aria-label="footer">
<div className="container">
<section className="row">
<section className="row">
<div className="col-sm-3 footer-1">
<p aria-hidden="true">
<a href="/">
{/* TODO - don't hardcode image path*/}
<img src={"https://www.myetherwallet.com/images/logo-myetherwallet.svg"}
height="55px" width="auto" alt="Ether Wallet"/>
</a>
</p>
<p><span>{translate('FOOTER_1')}</span>
<span>{translate('FOOTER_1b')}</span>
<a aria-label="kvhnuke's github"
href="https://github.com/kvhnuke"
target="_blank">kvhnuke</a>
{' & '}
<a aria-label="tayvano's github"
href="https://github.com/tayvano"
target="_blank">tayvano</a>.
</p>
<br/>
</div>
<div className="col-sm-6 footer-2">
<h5><i aria-hidden="true">💝</i>{translate('FOOTER_2')}</h5>
<ul>
<li> ETH: <span
className="mono wrap">0x7cB57B5A97eAbe94205C07890BE4c1aD31E486A8</span>
</li>
<li> BTC: <span className="mono wrap">1MEWT2SGbqtz6mPCgFcnea8XmWV5Z4Wc6</span></li>
</ul>
<h5><i aria-hidden="true">👫</i>{translate('ADD_Warning_1')}</h5>
<p>Consider using our affiliate links to...</p>
<ul>
<li><a aria-label="Swap Ether or Bitcoin via Bity.com"
href="https://bity.com/af/jshkb37v" target="_blank">Swap ETH/BTC/EUR/CHF via
Bity.com</a></li>
<li><a href="https://www.ledgerwallet.com/r/fa4b?path=/products/" target="_blank">Buy
a
Ledger Nano S</a></li>
<li><a href="https://trezor.io/?a=myetherwallet.com" target="_blank">Buy a
TREZOR</a>
</li>
</ul>
</div>
<div className="col-sm-3 footer-3">
<h5><i aria-hidden="true">🌎</i> On the Web</h5>
<ul>
<li><a aria-label="my ether wallet.com" href="https://www.MyEtherWallet.com"
target="_blank">www.MyEtherWallet.com</a></li>
<li><a aria-label="my ether wallet github"
href="https://github.com/kvhnuke/etherwallet"
target="_blank">Github: MyEtherWallet.com & CX</a></li>
<li><a aria-label="our organization on github"
href="https://github.com/MyEtherWallet"
target="_blank">Github: MyEtherWallet (Org)</a></li>
<li><a aria-label="join our slack" href="https://myetherwallet.herokuapp.com/"
target="_blank">Join Our Slack</a></li>
<li><a aria-label="twitter" href="https://twitter.com/myetherwallet"
target="_blank">Twitter</a>
</li>
<li><a aria-label="facebook" href="https://www.facebook.com/MyEtherWallet/"
target="_blank">Facebook</a></li>
</ul>
<h5><i aria-hidden="true">🙏</i> Support</h5>
<ul>
<li><a aria-label="email support at myetherwallet.com"
href="mailto:support@myetherwallet.com" target="_blank">Email</a></li>
<li><a aria-label="open a github issue"
href="https://github.com/kvhnuke/etherwallet/issues" target="_blank">Github
Issue</a></li>
</ul>
</div>
</section>
</section>
</div>
</footer>
)
}
}