Skip to content
This repository has been archived by the owner on Oct 12, 2023. It is now read-only.

Improve dapp browser #653

Merged
merged 7 commits into from
Apr 16, 2021
Prev Previous commit
Next Next commit
Show wallet name when selecting dapp wallet to use.
jessgusclark committed Mar 29, 2021
commit 8de4de5304118ed5165a0b2f123ad61ee00eb17c
8 changes: 6 additions & 2 deletions src/components/common/modal/wallet.selection.modal.js
Original file line number Diff line number Diff line change
@@ -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 : {}} />