arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-02-12 16:12:39 +00:00
Code Issues Releases Wiki Activity

wallet type tooltip message for disconnected device

Browse Source
This commit is contained in:
slowbackspace 2019-01-16 15:28:28 +01:00
parent fe5c50f2b3
commit 91109dce06
1 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/Wallet/components/LeftNavigation/index.js
View File

@ -189,7 +189,17 @@ class LeftNavigation extends React.PureComponent<Props, State> {
const { selectedDevice } = props.wallet;
const isDeviceAccessible = deviceUtils.isDeviceAccessible(selectedDevice);
const walletType = selectedDevice && !selectedDevice.useEmptyPassphrase ? 'hidden' : 'standard';
const passphraseEnabled = selectedDevice && selectedDevice.features && selectedDevice.features.passphrase_protection;
const showWalletType = selectedDevice && selectedDevice.features && selectedDevice.features.passphrase_protection;
const isDeviceReady = selectedDevice && selectedDevice.connected && selectedDevice.available;
let walletTooltipMsg = `You are in your ${walletType} wallet.`;
if (isDeviceReady) {
walletTooltipMsg = walletType === 'standard'
? `${walletTooltipMsg} Click here to access your hidden wallet.`
: `${walletTooltipMsg} Click here to access your standard or another hidden wallet`;
} else {
walletTooltipMsg = `${walletTooltipMsg} To access other wallets please connect your device.`;
}
return (
<StickyContainer
@ -209,12 +219,9 @@ class LeftNavigation extends React.PureComponent<Props, State> {
isOpen={this.props.wallet.dropdownOpened}
icon={(
<React.Fragment>
{passphraseEnabled ? (
{showWalletType ? (
<Tooltip
content={walletType === 'standard'
? 'You are in your standard wallet. Click here to access your hidden wallet.'
: 'You are in your hidden wallet. Click here to access your standard or another hidden wallet.'
}
content={walletTooltipMsg}
maxWidth={200}
placement="bottom"
delayed
@ -222,10 +229,12 @@ class LeftNavigation extends React.PureComponent<Props, State> {
<WalletTypeIconWrapper>
<WalletTypeIcon
onClick={(e) => {
this.props.duplicateDevice(selectedDevice);
e.stopPropagation();
if (isDeviceReady) {
this.props.duplicateDevice(selectedDevice);
e.stopPropagation();
}
}}
hoverColor={colors.TEXT_PRIMARY}
hoverColor={isDeviceReady ? colors.TEXT_PRIMARY : colors.TEXT_SECONDARY}
type={walletType}
size={25}
color={colors.TEXT_SECONDARY}