message: add connect-wallet id to check demo
diff: import { connect } from 'redaction'
  import { FormattedMessage } from 'react-intl'
  import cssModules from 'react-css-modules'
  -import styles from './index.scss'
  import Coin from 'components/Coin/Coin'
  import Address from 'components/ui/Address/Address'
  @@ -9,11 +8,11 @@ import { AddressFormat } from 'domain/address'
  import { metamask, constants } from 'helpers'
  import actions from 'redux/actions'
  +import styles from './index.scss'
  -
  -const WalletConnect = (props) => {
  +function WalletConnect(props) {
  const {
  - metamaskData
  + metamaskData,
  } = props
  const isMetamaskConnected = metamaskData.isConnected
  @@ -40,35 +39,40 @@ const WalletConnect = (props) => {
  return (
  <div
  + id="connect-wallet"
  styleName="connectWallet"
  onClick={
  - isMetamaskConnected ?
  - (isNotAvailableMetamaskNetwork ?
  - disconnectWallet :
  - openWalletConnectAccountModal) :
  - connectWallet
  + isMetamaskConnected
  + ? (isNotAvailableMetamaskNetwork
  + ? disconnectWallet
  + : openWalletConnectAccountModal)
  + : connectWallet
  }
  >
  - {disconnectedOrNetworkNotAvailable ?
  + {disconnectedOrNetworkNotAvailable
  + ? (
  <Coin
  size={40}
  name={web3Type}
  - /> :
  + />
  + )
  + : (
  <Coin
  size={30}
  name={currencyName}
  />
  - }
  + )}
  <span styleName={`connectWalletText ${disconnectedOrNetworkNotAvailable ? '' : 'hasCoinIcon'}`}>
  - {isNotAvailableMetamaskNetwork ?
  - <FormattedMessage id="UnknownNetworkConnectedWallet" defaultMessage="Unknown Network" /> :
  - isMetamaskConnected ?
  + {isNotAvailableMetamaskNetwork
  + ? <FormattedMessage id="UnknownNetworkConnectedWallet" defaultMessage="Unknown Network" />
  + : isMetamaskConnected
  + ? (
  <Address
  address={metamaskData.address}
  format={AddressFormat.Short}
  - /> :
  - <FormattedMessage id="Exchange_ConnectAddressOption" defaultMessage="Connect Wallet" />
  - }
  + />
  + )
  + : <FormattedMessage id="Exchange_ConnectAddressOption" defaultMessage="Connect Wallet" />}
  </span>
  </div>
  )
  @@ -79,5 +83,5 @@ export default connect(
  user,
  }) => ({
  metamaskData: user.metamaskData,
  - })
  + }),
  )(cssModules(WalletConnect, styles, { allowMultiple: true }))
  