Improve dapp browser

src/common/common.js

@@ -621,16 +621,15 @@ const common = {
   },
 
   /**
-   * Chcke address is contract addrsss
+   * Check address is contract addrsss
    * @param {*} address need check address
    * @param {*} chainId chain id
    */
   async isContractAddress(address, chainId) {
     return new Promise((resolve, reject) => {
       const rskEndpoint = chainId === TESTNET.NETWORK_VERSION ? TESTNET.RSK_END_POINT : MAINNET.RSK_END_POINT;
       const rsk3 = new Rsk3(rskEndpoint);
-      const checksumAddress = Rsk3.utils.toChecksumAddress(address, chainId);
-      rsk3.getCode(checksumAddress).then((code) => {
+      rsk3.getCode(address).then((code) => {
         if (code !== '0x00') {
           resolve(true);
         } else {

src/components/common/modal/wallet.selection.modal.js

@@ -145,6 +145,7 @@ const styles = StyleSheet.create({
     fontSize: 16,
     fontFamily: fontFamily.AvenirBook,
     marginLeft: 11,
+    width: '100%',
   },
   tokenText: {
     fontFamily: fontFamily.AvenirRoman,
@@ -243,15 +244,18 @@ class WalletSelection extends PureComponent {
   getWalletItem = ({ item }) => {
     const { selectedWallet } = this.state;
     const { address: selectedAddress } = selectedWallet;
-    const { address, network } = item;
+    const { address, network, name } = item;
     return (
       <TouchableOpacity activeOpacity={1} onPress={() => { this.setState({ selectedWallet: item }); }}>
         <View style={styles.selection}>
           <View style={styles.row}>
             <View style={[network === 'Mainnet' ? styles.mainnet : styles.testnet]}>
               {network && <Text style={styles.network}>{strings(`networkType.${_.toLower(network)}`)}</Text>}
             </View>
-            <Text style={styles.address}>{common.ellipsisAddress(address, 6)}</Text>
+            <View>
+              <Text style={styles.address}>{name}</Text>
+              <Text style={styles.address}>{common.ellipsisAddress(address, 6)}</Text>
+            </View>
           </View>
           <View style={styles.circle}>
             <View style={selectedAddress === address ? styles.isSelected : {}} />

src/pages/dapp/browser.js

@@ -222,6 +222,7 @@ class DAppBrowser extends Component {
             window.ethereum.selectedAddress = '${address}';
             window.address = '${address}';
             window.ethereum.networkVersion = '${this.networkVersion}';
+            window.ethereum.isRWallet = true;
             window.web3 = web3;
 
             // Adapt web3 old version (new web3 version move toDecimal and toBigNumber to utils class).
@@ -327,15 +328,20 @@ class DAppBrowser extends Component {
             }
 
             // ensure window.ethereum.send and window.ethereum.sendAsync are not undefined
-            setInterval(() => {
+            setTimeout(() => {
               if (!window.ethereum.send) {
                 window.ethereum.send = sendAsync;
               }
               if (!window.ethereum.sendAsync) {
                 window.ethereum.sendAsync = sendAsync;
               }
               if (!window.ethereum.request) {
-                window.ethereum.request = sendAsync;
+                window.ethereum.request = (payload) =>
+                  new Promise((resolve, reject) =>
+                    sendAsync(payload).then(response =>
+                      response.result
+                        ? resolve(response.result)
+                        : reject(new Error(response.message || 'provider error'))));
               }
             }, 1000)
           }
@@ -478,7 +484,8 @@ class DAppBrowser extends Component {
   popupMessageModal = async (payload) => {
     const dappUrl = this.getDappUrl();
     const { id, params } = payload;
-    const message = this.rsk3.utils.hexToAscii(params[0]);
+    const message = params[0].startsWith('0x') ? this.rsk3.utils.hexToAscii(params[0]) : params[0];
+
     this.setState({
       modalView: (
         <MessageModal
@@ -596,7 +603,7 @@ class DAppBrowser extends Component {
       value,
     };
     const networkId = network === 'Mainnet' ? MAINNET.NETWORK_VERSION : TESTNET.NETWORK_VERSION;
-    const toAddress = Rsk3.utils.toChecksumAddress(to, networkId);
+    const toAddress = to.toLowerCase();
 
     const isContractAddress = await common.isContractAddress(toAddress, networkId);
 

src/pages/wallet/wallet.connect/modal/message.js

@@ -1,5 +1,7 @@
 import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
+import {
+  View, Text, ScrollView, StyleSheet,
+} from 'react-native';
 import PropTypes from 'prop-types';
 
 import { strings } from '../../../../common/i18n';
@@ -25,9 +27,13 @@ const styles = StyleSheet.create({
     color: color.dustyGray,
     fontSize: 15,
     fontFamily: fontFamily.AvenirBook,
-    width: '60%',
     textAlign: 'right',
   },
+  scroll: {
+    width: '60%',
+    padding: 5,
+    maxHeight: 200,
+  },
 });
 
 export default function MessageModal({
@@ -41,7 +47,9 @@ export default function MessageModal({
         <>
           <View style={styles.line}>
             <Text style={styles.lineTitle}>{strings('page.wallet.walletconnect.message')}</Text>
-            <Text style={styles.lineValue}>{message}</Text>
+            <ScrollView style={styles.scroll}>
+              <Text style={styles.lineValue}>{message}</Text>
+            </ScrollView>
           </View>
         </>
         )}