diff --git a/src/js/utils/device.js b/src/js/utils/device.js index 9dfaa05a..43f8fb6b 100644 --- a/src/js/utils/device.js +++ b/src/js/utils/device.js @@ -29,6 +29,9 @@ const getStatusName = (deviceStatus) => { case 'disconnected': statusName = 'Disconnected'; break; + case 'unacquired': + statusName = 'Used in other window'; + break; case 'unavailable': statusName = 'Unavailable'; break; @@ -61,6 +64,9 @@ const getStatusColor = (deviceStatus) => { case 'connected': color = colors.GREEN_PRIMARY; break; + case 'unacquired': + color = colors.WARNING_PRIMARY; + break; case 'disconnected': color = colors.ERROR_PRIMARY; break; diff --git a/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/DeviceHeader/index.js b/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/DeviceHeader/index.js index fcc2fc12..31af0fa8 100644 --- a/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/DeviceHeader/index.js +++ b/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/DeviceHeader/index.js @@ -17,16 +17,11 @@ const Wrapper = styled.div` background: ${colors.WHITE}; border-bottom: 1px solid ${colors.DIVIDER}; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04); - cursor: pointer; ${props => props.isOpen && css` border-bottom: 1px solid ${colors.WHITE}; box-shadow: none; `} - - ${props => props.disabled && css` - cursor: initial; - `} `; const ClickWrapper = styled.div` @@ -119,11 +114,11 @@ class DeviceHeader extends Component { status, label, deviceCount, isOpen, trezorModel, disabled, } = this.props; return ( - + this.handleClick()}> - + {label}