packages/website/ts/components/dialogs/portal_disclaimer_dialog.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

import Dialog from 'material-ui/Dialog';
import FlatButton from 'material-ui/FlatButton';
import * as React from 'react';
import {colors} from 'ts/utils/colors';

interface PortalDisclaimerDialogProps {
    isOpen: boolean;
    onToggleDialog: () => void;
}

export function PortalDisclaimerDialog(props: PortalDisclaimerDialogProps) {
    return (
        <Dialog
            title="0x Portal Disclaimer"
            titleStyle={{fontWeight: 100}}
            actions={[
                <FlatButton
                    key="portalAgree"
                    label="I Agree"
                    onTouchTap={props.onToggleDialog}
                />,
            ]}
            open={props.isOpen}
            onRequestClose={props.onToggleDialog}
            autoScrollBodyContent={true}
            modal={true}
        >
            <div className="pt2" style={{color: colors.grey700}}>
                <div>
                    0x Portal is a free software-based tool intended to help users to
                    buy and sell ERC20-compatible blockchain tokens through the 0x protocol
                    on a purely peer-to-peer basis.  0x portal is not a regulated marketplace,
                    exchange or intermediary of any kind, and therefore, you should only use
                    0x portal to exchange tokens that are not securities, commodity interests,
                    or any other form of regulated instrument. 0x has not attempted to screen
                    or otherwise limit the tokens that you may enter in 0x Portal.  By clicking
                    “I Agree” below, you understand that you are solely responsible for using 0x
                    Portal and buying and selling tokens using 0x Portal in compliance with all
                    applicable laws and regulations.
                </div>
            </div>
        </Dialog>
    );
}