import logo from 'assets/images/logo-mycrypto.svg'; import { ledgerReferralURL, trezorReferralURL, ethercardReferralURL, donationAddressMap, VERSION, knowledgeBaseURL, discordURL } from 'config'; import React from 'react'; import PreFooter from './PreFooter'; import DisclaimerModal from './DisclaimerModal'; import { NewTabLink } from 'components/ui'; import OnboardModal from 'containers/OnboardModal'; import './index.scss'; import { translateRaw } from 'translations'; const SocialMediaLink = ({ link, text }: Link) => { return ( ); }; const SOCIAL_MEDIA: Link[] = [ { link: 'https://twitter.com/mycrypto', text: 'twitter' }, { link: 'https://www.facebook.com/MyCrypto/', text: 'facebook' }, { link: 'https://medium.com/@mycrypto', text: 'medium' }, { link: 'https://www.linkedin.com/company/mycrypto', text: 'linkedin' }, { link: 'https://github.com/MyCryptoHQ', text: 'github' }, { link: 'https://www.reddit.com/r/mycrypto/', text: 'reddit' }, { link: discordURL, text: 'discord' } ]; const PRODUCT_INFO: Link[] = [ { link: 'https://chrome.google.com/webstore/detail/etheraddresslookup/pdknmigbbbhmllnmgdfalmedcmcefdfn', text: translateRaw('ETHER_ADDRESS_LOOKUP') }, { link: 'https://chrome.google.com/webstore/detail/ethersecuritylookup/bhhfhgpgmifehjdghlbbijjaimhmcgnf', text: translateRaw('ETHER_SECURITY_LOOKUP') }, { link: 'https://etherscamdb.info/', text: translateRaw('ETHERSCAMDB') }, { link: 'https://www.mycrypto.com/helpers.html', text: translateRaw('FOOTER_HELP_AND_DEBUGGING') }, { link: 'mailto:press@mycrypto.com', text: translateRaw('FOOTER_PRESS') } ]; const AFFILIATES: Link[] = [ { link: ledgerReferralURL, text: translateRaw('LEDGER_REFERAL_1') }, { link: trezorReferralURL, text: translateRaw('TREZOR_REFERAL') }, { link: ethercardReferralURL, text: translateRaw('ETHERCARD_REFERAL') } ]; const FRIENDS: Link[] = [ { link: 'https://metamask.io/', text: 'MetaMask' }, { link: 'https://infura.io/', text: 'Infura' }, { link: 'https://etherscan.io/', text: 'Etherscan' } ]; interface Link { link: string; text: string; } interface Props { latestBlock: string; } interface State { isDisclaimerOpen: boolean; } export default class Footer extends React.PureComponent { public state: State = { isDisclaimerOpen: false }; public render() { return (
{SOCIAL_MEDIA.map((socialMediaItem, idx) => ( ))}
{PRODUCT_INFO.map((productInfoItem, idx) => ( {productInfoItem.text} ))}
MyCrypto logo
MyCrypto.com {translateRaw('FOOTER_SUPPORT')} {translateRaw('FOOTER_TEAM')}

{translateRaw('FOOTER_ABOUT')}

© {new Date().getFullYear()} MyCrypto, Inc.
v{VERSION}
{translateRaw('FOOTER_AFFILIATE_TITLE')}
{AFFILIATES.map((link, i) => ( {link.text} ))}
{translateRaw('DONATE_CURRENCY', { $currency: 'ETH' })}
{donationAddressMap.ETH}
{translateRaw('DONATE_CURRENCY', { $currency: 'BTC' })}
{donationAddressMap.BTC}
{FRIENDS.map((link, i) => ( {link.text} ))}
); } private toggleModal = () => { this.setState(state => { this.setState({ isDisclaimerOpen: !state.isDisclaimerOpen }); }); }; }