265 lines
8.8 KiB
TypeScript
265 lines
8.8 KiB
TypeScript
import logo from 'assets/images/logo-mycrypto.svg';
|
|
import {
|
|
bityReferralURL,
|
|
ledgerReferralURL,
|
|
trezorReferralURL,
|
|
bitboxReferralURL,
|
|
donationAddressMap,
|
|
VERSION,
|
|
knowledgeBaseURL
|
|
} from 'config';
|
|
import React from 'react';
|
|
import translate from 'translations';
|
|
import './index.scss';
|
|
import PreFooter from './PreFooter';
|
|
import Modal, { IButton } from 'components/ui/Modal';
|
|
import { NewTabLink } from 'components/ui';
|
|
import OnboardModal from 'containers/OnboardModal';
|
|
|
|
const AffiliateTag = ({ link, text }: Link) => {
|
|
return (
|
|
<li className="Footer-affiliate-tag" key={link}>
|
|
<NewTabLink href={link}>{text}</NewTabLink>
|
|
</li>
|
|
);
|
|
};
|
|
|
|
const SocialMediaLink = ({ link, text }: Link) => {
|
|
return (
|
|
<NewTabLink className="Footer-social-media-link" key={link} href={link}>
|
|
<i className={`sm-icon sm-logo-${text} sm-24px`} />
|
|
</NewTabLink>
|
|
);
|
|
};
|
|
|
|
const SOCIAL_MEDIA: Link[] = [
|
|
{
|
|
link: 'https://www.reddit.com/r/mycrypto/',
|
|
text: 'reddit'
|
|
},
|
|
|
|
{
|
|
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'
|
|
}
|
|
];
|
|
|
|
const PRODUCT_INFO: Link[] = [
|
|
{
|
|
link: 'https://github.com/MyCryptoHQ/MyCrypto',
|
|
text: 'Github: Current Site'
|
|
},
|
|
{
|
|
link: 'https://github.com/MyCryptoHQ',
|
|
text: 'Github: MyCrypto Org'
|
|
},
|
|
{
|
|
link: 'https://github.com/MyCryptoHQ/MyCrypto/releases/latest',
|
|
text: 'Github: Latest Release'
|
|
},
|
|
|
|
{
|
|
link:
|
|
'https://chrome.google.com/webstore/detail/myetherwallet-cx/nlbmnnijcnlegkjjpcfjclmcfggfefdm?hl=en',
|
|
text: 'MyEtherWallet Extension'
|
|
},
|
|
{
|
|
link:
|
|
'https://chrome.google.com/webstore/detail/etheraddresslookup/pdknmigbbbhmllnmgdfalmedcmcefdfn',
|
|
text: 'Anti - Phishing Extension'
|
|
}
|
|
];
|
|
|
|
interface Link {
|
|
link: string;
|
|
text: string;
|
|
}
|
|
|
|
interface Props {
|
|
latestBlock: string;
|
|
}
|
|
|
|
interface State {
|
|
isOpen: boolean;
|
|
}
|
|
|
|
export default class Footer extends React.PureComponent<Props, State> {
|
|
constructor(props: Props) {
|
|
super(props);
|
|
this.state = { isOpen: false };
|
|
}
|
|
|
|
public openModal = () => {
|
|
this.setState({ isOpen: true });
|
|
};
|
|
|
|
public closeModal = () => {
|
|
this.setState({ isOpen: false });
|
|
};
|
|
|
|
public render() {
|
|
const buttons: IButton[] = [{ text: 'Okay', type: 'default', onClick: this.closeModal }];
|
|
return (
|
|
<div>
|
|
<OnboardModal />
|
|
<PreFooter />
|
|
<footer className="Footer" role="contentinfo" aria-label="footer">
|
|
<div className="Footer-about">
|
|
<p aria-hidden="true">
|
|
<NewTabLink href="/">
|
|
<img
|
|
className="Footer-about-logo"
|
|
src={logo}
|
|
height="55px"
|
|
width="auto"
|
|
alt="MyCrypto logo"
|
|
/>
|
|
</NewTabLink>
|
|
</p>
|
|
<p className="Footer-about-text">{translate('FOOTER_1')}</p>
|
|
<NewTabLink href={knowledgeBaseURL}>Knowledge Base</NewTabLink>
|
|
<NewTabLink href="https://www.myetherwallet.com/helpers">
|
|
Helpers & ENS Debugging
|
|
</NewTabLink>
|
|
|
|
<button className="Footer-modal-button" onClick={this.openModal}>
|
|
Disclaimer
|
|
</button>
|
|
<Modal
|
|
isOpen={this.state.isOpen}
|
|
title="Disclaimer"
|
|
buttons={buttons}
|
|
handleClose={this.closeModal}
|
|
>
|
|
<p>
|
|
<b>Be safe & secure: </b>
|
|
<NewTabLink href={`${knowledgeBaseURL}/security/securing-your-ethereum`}>
|
|
We highly recommend that you read our guide on How to Prevent Loss & Theft for
|
|
some recommendations on how to be proactive about your security.
|
|
</NewTabLink>
|
|
</p>
|
|
<p>
|
|
<b>Always backup your keys: </b>
|
|
MyCrypto.com & MyCrypto CX are not "web wallets". You do not create an account or
|
|
give us your funds to hold onto. No data leaves your computer / your browser. We
|
|
make it easy for you to create, save, and access your information and interact with
|
|
the blockchain.
|
|
</p>
|
|
<p>
|
|
<b>We are not responsible for any loss: </b>
|
|
Ethereum, MyCrypto.com & MyCrypto CX, and some of the underlying Javascript
|
|
libraries we use are under active development. While we have thoroughly tested &
|
|
tens of thousands of wallets have been successfully created by people all over the
|
|
globe, there is always the possibility something unexpected happens that causes your
|
|
funds to be lost. Please do not invest more than you are willing to lose, and please
|
|
be careful.
|
|
</p>
|
|
<p>
|
|
<b>Translations of MyCrypto: </b>
|
|
The community has done an amazing job translating MyCrypto into a variety of
|
|
languages. However, MyCrypto can only verify the validity and accuracy of the
|
|
information provided in English and, because of this, the English version of our
|
|
website is the official text.
|
|
</p>
|
|
<p>
|
|
<b>MIT License</b> Copyright © 2015-2017 MyCrypto LLC
|
|
</p>
|
|
<p>
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this
|
|
software and associated documentation files (the "Software"), to deal in the
|
|
Software without restriction, including without limitation the rights to use, copy,
|
|
modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
|
|
and to permit persons to whom the Software is furnished to do so, subject to the
|
|
following conditions:
|
|
</p>
|
|
<p>
|
|
The above copyright notice and this permission notice shall be included in all
|
|
copies or substantial portions of the Software.
|
|
</p>
|
|
<b>
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
|
|
INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
|
|
PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
|
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
|
|
CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
|
|
OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
</b>
|
|
</Modal>
|
|
<p>Latest Block#: {this.props.latestBlock}</p>
|
|
<p>v{VERSION}</p>
|
|
<p>© {new Date().getFullYear()} MyCrypto, LLC</p>
|
|
</div>
|
|
|
|
<div className="Footer-info">
|
|
<h5>
|
|
<i aria-hidden="true">👫</i>
|
|
You can support us by supporting our blockchain-family.
|
|
</h5>
|
|
<p>Consider using our affiliate links to</p>
|
|
<ul className="Footer-affiliate-wrap">
|
|
<AffiliateTag link={bityReferralURL} text="Swap ETH/BTC/EUR/CHF via Bity.com" />
|
|
</ul>
|
|
<p>Buy a</p>
|
|
<ul className="Footer-affiliate-wrap">
|
|
<AffiliateTag link={ledgerReferralURL} text="Ledger Nano S" />
|
|
<AffiliateTag link={trezorReferralURL} text="TREZOR" />
|
|
<AffiliateTag link={bitboxReferralURL} text="Digital Bitbox" />
|
|
</ul>
|
|
<h5>
|
|
<i aria-hidden="true">💝</i>
|
|
{translate('FOOTER_2')}
|
|
</h5>
|
|
<ul>
|
|
<li>
|
|
ETH: <span className="mono wrap">{donationAddressMap.ETH}</span>
|
|
</li>
|
|
<li>
|
|
{' '}
|
|
BTC: <span className="mono wrap">{donationAddressMap.BTC}</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div className="Footer-links">
|
|
{PRODUCT_INFO.map((productInfoItem, idx) => (
|
|
<NewTabLink target="_blank" key={idx} href={productInfoItem.link}>
|
|
{productInfoItem.text}
|
|
</NewTabLink>
|
|
))}
|
|
|
|
<div className="Footer-social-media-wrap">
|
|
{SOCIAL_MEDIA.map((socialMediaItem, idx) => (
|
|
<SocialMediaLink
|
|
link={socialMediaItem.link}
|
|
key={idx}
|
|
text={socialMediaItem.text}
|
|
/>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
);
|
|
}
|
|
}
|