aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/fill_warning_dialog.tsx
blob: 029fa8b0c79dcf425ca2a40678ca877ef8139ab2 (plain) (blame)
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
45
46
47
import * as React from 'react';
import {colors} from 'material-ui/styles';
import FlatButton from 'material-ui/FlatButton';
import Dialog from 'material-ui/Dialog';

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

export function FillWarningDialog(props: FillWarningDialogProps) {
    const didCancel = true;
    return (
        <Dialog
            title="Warning"
            titleStyle={{fontWeight: 100, color: colors.red500}}
            actions={[
                <FlatButton
                    label="Cancel"
                    onTouchTap={props.onToggleDialog.bind(this, didCancel)}
                />,
                <FlatButton
                    label="Fill Order"
                    onTouchTap={props.onToggleDialog.bind(this, !didCancel)}
                />,
            ]}
            open={props.isOpen}
            onRequestClose={props.onToggleDialog.bind(this)}
            autoScrollBodyContent={true}
            modal={true}
        >
            <div className="pt2" style={{color: colors.grey700}}>
                <div>
                    At least one of the tokens in this order was not found in the
                    token registry smart contract and may be counterfeit. It is your
                    responsibility to verify the token addresses on Etherscan (
                    <a
                        href="https://0xproject.com/wiki#Verifying-Custom-Tokens"
                        target="_blank"
                    >
                        See this how-to guide
                    </a>) before filling an order. <b>This action may result in the loss of funds</b>.
                </div>
            </div>
        </Dialog>
    );
}