packages/website/ts/components/dialogs/wrapped_eth_section_notice_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

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

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

export function WrappedEthSectionNoticeDialog(props: WrappedEthSectionNoticeDialogProps) {
    return (
        <Dialog
            title="Dedicated Wrapped Ether Section"
            titleStyle={{fontWeight: 100}}
            actions={[
                <FlatButton
                    key="acknowledgeWrapEthSection"
                    label="Sounds good"
                    onTouchTap={props.onToggleDialog}
                />,
            ]}
            open={props.isOpen}
            onRequestClose={props.onToggleDialog}
            autoScrollBodyContent={true}
            modal={true}
        >
            <div className="pt2" style={{color: colors.grey700}}>
                <div>
                    We have recently updated the Wrapped Ether token (WETH) used by 0x Portal.
                    Don't worry, unwrapping Ether tied to the old Wrapped Ether token can
                    be done at any time by clicking on the "Wrap ETH" section in the menu
                    to the left.
                </div>
            </div>
        </Dialog>
    );
}