87 lines
3.9 KiB
TypeScript
87 lines
3.9 KiB
TypeScript
import React from 'react';
|
|
import Modal, { IButton } from 'components/ui/Modal';
|
|
import { HelpLink } from 'components/ui';
|
|
import { HELP_ARTICLE } from 'config';
|
|
|
|
interface State {
|
|
isOpen: boolean;
|
|
}
|
|
|
|
export default class DisclaimerModal extends React.Component<{}, State> {
|
|
public state: State = {
|
|
isOpen: false
|
|
};
|
|
|
|
public render() {
|
|
const buttons: IButton[] = [{ text: 'Okay', type: 'default', onClick: this.closeModal }];
|
|
return (
|
|
<React.Fragment>
|
|
<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>
|
|
<HelpLink article={HELP_ARTICLE.SECURING_YOUR_ETH}>
|
|
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.
|
|
</HelpLink>
|
|
</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>
|
|
</React.Fragment>
|
|
);
|
|
}
|
|
|
|
private openModal = () => this.setState({ isOpen: true });
|
|
private closeModal = () => this.setState({ isOpen: false });
|
|
}
|