diff --git a/README.md b/README.md index 87d1f523..6f67fbbb 100644 --- a/README.md +++ b/README.md @@ -65,7 +65,7 @@ The same address is used to send a coin from the Home network and receive a toke - Wallet Resources - [MetaMask](https://consensys.zendesk.com/hc/en-us/categories/360001045692-Using-MetaMask) - [Nifty Wallet](https://poanet.zendesk.com/hc/en-us/articles/360008957634-Nifty-Wallet) - + - [AlphaWallet (iOS and Android)](https://alphawallet.github.io/AlphaWallet-Download-Page/) ## Getting Started The following is an example setup using the POA Sokol testnet as the Home network, and the Ethereum Kovan testnet as the Foreign network. The instructions for the Bridge UI are identical for an `ERC20-to-ERC20` configuration, but the smart contract deployment steps will vary. @@ -75,7 +75,7 @@ The following is an example setup using the POA Sokol testnet as the Home networ - [poa-bridge-contracts](https://github.com/poanetwork/poa-bridge-contracts) - [token-bridge](https://github.com/poanetwork/token-bridge) - [node.js](https://nodejs.org/en/download/) -- [Nifty Wallet](https://chrome.google.com/webstore/detail/nifty-wallet/jbdaocneiiinmjbjlgalhcelgbejmnid?hl=en) or [MetaMask](https://metamask.io/) +- [AlphaWallet](https://alphawallet.github.io/AlphaWallet-Download-Page/) or [Nifty Wallet](https://chrome.google.com/webstore/detail/nifty-wallet/jbdaocneiiinmjbjlgalhcelgbejmnid?hl=en) or [MetaMask](https://metamask.io/) ### Example Setup @@ -182,7 +182,7 @@ REACT_APP_FOREIGN_GAS_PRICE_UPDATE_INTERVAL | An interval in milliseconds used t REACT_APP_DESCRIPTION | The meta description for the deployed bridge page * Run `npm run start` - * Make sure your web3 wallet (Nifty Wallet or MetaMask) is funded and connected to the POA Sokol Network (see step 2) + * Make sure your web3 wallet (Nifty Wallet, AlphaWallet or MetaMask) is funded and connected to the POA Sokol Network (see step 2) * Specify an amount and click `Transfer` to complete a cross-chain transaction from Sokol to Kovan ## Testing diff --git a/src/assets/stylesheets/application/bridge.scss b/src/assets/stylesheets/application/bridge.scss index e3baea6e..eded1ae1 100644 --- a/src/assets/stylesheets/application/bridge.scss +++ b/src/assets/stylesheets/application/bridge.scss @@ -820,6 +820,20 @@ } } + .noWallet-alphawallet { + width: 106px; + line-height: 36px; + text-align: center; + border-radius: 3px; + color: #ffffff; + background-color: #64a231; + + @media screen and (max-width: $small-mobile-width) { + width: 100%; + margin: 10px 0; + } + } + .noWallet-cancel { width: 72px; height: 36px; diff --git a/src/components/NoWallet.js b/src/components/NoWallet.js index 6e3881cb..a61e3fc7 100644 --- a/src/components/NoWallet.js +++ b/src/components/NoWallet.js @@ -28,7 +28,7 @@ export class NoWallet extends Component {

Wallet not found

-

A wallet is not installed. Before continue, please install one (Metamask +

A wallet is not installed. Before continue, please install one (AlphaWallet, Metamask or Nifty Wallet) and return to this page to continue using the application.

For further information on how to install any of both wallets, please click the buttons below.

@@ -49,6 +49,14 @@ export class NoWallet extends Component { > Nifty Wallet + + AlphaWallet +