Apply prettier config
This commit is contained in:
Leonid Logvinov
@@ -2,11 +2,11 @@ import * as _ from 'lodash';
|
||||
import Dialog from 'material-ui/Dialog';
|
||||
import FlatButton from 'material-ui/FlatButton';
|
||||
import * as React from 'react';
|
||||
import {Blockchain} from 'ts/blockchain';
|
||||
import {BlockchainErrs} from 'ts/types';
|
||||
import {colors} from 'ts/utils/colors';
|
||||
import {configs} from 'ts/utils/configs';
|
||||
import {constants} from 'ts/utils/constants';
|
||||
import { Blockchain } from 'ts/blockchain';
|
||||
import { BlockchainErrs } from 'ts/types';
|
||||
import { colors } from 'ts/utils/colors';
|
||||
import { configs } from 'ts/utils/configs';
|
||||
import { constants } from 'ts/utils/constants';
|
||||
|
||||
interface BlockchainErrDialogProps {
|
||||
blockchain: Blockchain;
|
||||
@@ -32,14 +32,14 @@ export class BlockchainErrDialog extends React.Component<BlockchainErrDialogProp
|
||||
return (
|
||||
<Dialog
|
||||
title={this._getTitle(hasWalletAddress)}
|
||||
titleStyle={{fontWeight: 100}}
|
||||
titleStyle={{ fontWeight: 100 }}
|
||||
actions={dialogActions}
|
||||
open={this.props.isOpen}
|
||||
contentStyle={{width: 400}}
|
||||
contentStyle={{ width: 400 }}
|
||||
onRequestClose={this.props.toggleDialogFn.bind(this.props.toggleDialogFn, false)}
|
||||
autoScrollBodyContent={true}
|
||||
>
|
||||
<div className="pt2" style={{color: colors.grey700}}>
|
||||
<div className="pt2" style={{ color: colors.grey700 }}>
|
||||
{this._renderExplanation(hasWalletAddress)}
|
||||
</div>
|
||||
</Dialog>
|
||||
@@ -70,54 +70,55 @@ export class BlockchainErrDialog extends React.Component<BlockchainErrDialogProp
|
||||
private _renderDisconnectedFromNode() {
|
||||
return (
|
||||
<div>
|
||||
You were disconnected from the backing Ethereum node.
|
||||
{' '}If using <a href={constants.URL_METAMASK_CHROME_STORE} target="_blank">
|
||||
You were disconnected from the backing Ethereum node. If using{' '}
|
||||
<a href={constants.URL_METAMASK_CHROME_STORE} target="_blank">
|
||||
Metamask
|
||||
</a> or <a href={constants.URL_MIST_DOWNLOAD} target="_blank">Mist</a> try refreshing
|
||||
{' '}the page. If using a locally hosted Ethereum node, make sure it's still running.
|
||||
</a>{' '}
|
||||
or{' '}
|
||||
<a href={constants.URL_MIST_DOWNLOAD} target="_blank">
|
||||
Mist
|
||||
</a>{' '}
|
||||
try refreshing the page. If using a locally hosted Ethereum node, make sure it's still running.
|
||||
</div>
|
||||
);
|
||||
}
|
||||
private _renderUnexpectedErrorExplanation() {
|
||||
return (
|
||||
<div>
|
||||
We encountered an unexpected error. Please try refreshing the page.
|
||||
</div>
|
||||
);
|
||||
return <div>We encountered an unexpected error. Please try refreshing the page.</div>;
|
||||
}
|
||||
private _renderNoWalletFoundExplanation() {
|
||||
return (
|
||||
<div>
|
||||
<div>
|
||||
We were unable to access an Ethereum wallet you control. In order to interact
|
||||
{' '}with the 0x portal dApp,
|
||||
we need a way to interact with one of your Ethereum wallets.
|
||||
{' '}There are two easy ways you can enable us to do that:
|
||||
We were unable to access an Ethereum wallet you control. In order to interact with the 0x portal
|
||||
dApp, we need a way to interact with one of your Ethereum wallets. There are two easy ways you can
|
||||
enable us to do that:
|
||||
</div>
|
||||
<h4>1. Metamask chrome extension</h4>
|
||||
<div>
|
||||
You can install the{' '}
|
||||
<a href={constants.URL_METAMASK_CHROME_STORE} target="_blank">
|
||||
Metamask
|
||||
</a> Chrome extension Ethereum wallet. Once installed and set up, refresh this page.
|
||||
</a>{' '}
|
||||
Chrome extension Ethereum wallet. Once installed and set up, refresh this page.
|
||||
<div className="pt1">
|
||||
<span className="bold">Note:</span>
|
||||
{' '}If you already have Metamask installed, make sure it is unlocked.
|
||||
<span className="bold">Note:</span> If you already have Metamask installed, make sure it is
|
||||
unlocked.
|
||||
</div>
|
||||
</div>
|
||||
<h4>Parity Signer</h4>
|
||||
<div>
|
||||
The <a href={constants.URL_PARITY_CHROME_STORE} target="_blank">Parity Signer
|
||||
Chrome extension</a>{' '}lets you connect to a locally running Parity node.
|
||||
Make sure you have started your local Parity node with{' '}
|
||||
{configs.IS_MAINNET_ENABLED && '`parity ui` or'} `parity --chain kovan ui`{' '}
|
||||
in order to connect to {configs.IS_MAINNET_ENABLED ? 'mainnet or Kovan respectively.' : 'Kovan.'}
|
||||
The{' '}
|
||||
<a href={constants.URL_PARITY_CHROME_STORE} target="_blank">
|
||||
Parity Signer Chrome extension
|
||||
</a>{' '}
|
||||
lets you connect to a locally running Parity node. Make sure you have started your local Parity node
|
||||
with {configs.IS_MAINNET_ENABLED && '`parity ui` or'} `parity --chain kovan ui` in order to connect
|
||||
to {configs.IS_MAINNET_ENABLED ? 'mainnet or Kovan respectively.' : 'Kovan.'}
|
||||
</div>
|
||||
<div className="pt2">
|
||||
<span className="bold">Note:</span>
|
||||
{' '}If you have done one of the above steps and are still seeing this message,
|
||||
{' '}we might still be unable to retrieve an Ethereum address by calling `web3.eth.accounts`.
|
||||
{' '}Make sure you have created at least one Ethereum address.
|
||||
<span className="bold">Note:</span> If you have done one of the above steps and are still seeing
|
||||
this message, we might still be unable to retrieve an Ethereum address by calling
|
||||
`web3.eth.accounts`. Make sure you have created at least one Ethereum address.
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
@@ -126,15 +127,12 @@ export class BlockchainErrDialog extends React.Component<BlockchainErrDialogProp
|
||||
return (
|
||||
<div>
|
||||
<div>
|
||||
The 0x smart contracts are not deployed on the Ethereum network you are
|
||||
{' '}currently connected to (network Id: {this.props.networkId}).
|
||||
{' '}In order to use the 0x portal dApp,
|
||||
{' '}please connect to the
|
||||
{' '}{constants.TESTNET_NAME} testnet (network Id: {constants.NETWORK_ID_TESTNET})
|
||||
{configs.IS_MAINNET_ENABLED ?
|
||||
` or ${constants.MAINNET_NAME} (network Id: ${constants.NETWORK_ID_MAINNET}).` :
|
||||
`.`
|
||||
}
|
||||
The 0x smart contracts are not deployed on the Ethereum network you are currently connected to
|
||||
(network Id: {this.props.networkId}). In order to use the 0x portal dApp, please connect to the{' '}
|
||||
{constants.TESTNET_NAME} testnet (network Id: {constants.NETWORK_ID_TESTNET})
|
||||
{configs.IS_MAINNET_ENABLED
|
||||
? ` or ${constants.MAINNET_NAME} (network Id: ${constants.NETWORK_ID_MAINNET}).`
|
||||
: `.`}
|
||||
</div>
|
||||
<h4>Metamask</h4>
|
||||
<div>
|
||||
@@ -145,13 +143,14 @@ export class BlockchainErrDialog extends React.Component<BlockchainErrDialogProp
|
||||
</div>
|
||||
<h4>Parity Signer</h4>
|
||||
<div>
|
||||
If using the <a href={constants.URL_PARITY_CHROME_STORE} target="_blank">Parity Signer
|
||||
Chrome extension</a>, make sure to start your local Parity node with{' '}
|
||||
{configs.IS_MAINNET_ENABLED ?
|
||||
'`parity ui` or `parity --chain Kovan ui` in order to connect to mainnet \
|
||||
or Kovan respectively.' :
|
||||
'`parity --chain kovan ui` in order to connect to Kovan.'
|
||||
}
|
||||
If using the{' '}
|
||||
<a href={constants.URL_PARITY_CHROME_STORE} target="_blank">
|
||||
Parity Signer Chrome extension
|
||||
</a>, make sure to start your local Parity node with{' '}
|
||||
{configs.IS_MAINNET_ENABLED
|
||||
? '`parity ui` or `parity --chain Kovan ui` in order to connect to mainnet \
|
||||
or Kovan respectively.'
|
||||
: '`parity --chain kovan ui` in order to connect to Kovan.'}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user