MyCrypto/common/components/Footer/index.jsx

import React, {Component} from 'react';
import translate, {getTranslators} from 'translations';


export default class Footer extends Component {
    render() {
        const translators = getTranslators()
        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>

                                {!!translators.length &&
                                    <h5> <i>🏅</i> <span>{translate('Translator_Desc')}</span></h5>
                                }
                                {!!translators.length &&
                                    <ul>
                                        <li>{translators.map(key => <span key={key}>{translate(key)}</span>)}</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>
        )
    }
}