diff --git a/src/js/components/modal/index.js b/src/js/components/modal/index.js index 03ef7cf0..0ef774d3 100644 --- a/src/js/components/modal/index.js +++ b/src/js/components/modal/index.js @@ -82,9 +82,9 @@ class Modal extends Component { case "ButtonRequest_SignTx" : component = () break; - case "ButtonRequest_Address" : - component = () - break; + // case "ButtonRequest_Address" : + // component = () + // break; case "ButtonRequest_PassphraseType" : component = () break; diff --git a/src/js/components/wallet/account/receive/Receive.js b/src/js/components/wallet/account/receive/Receive.js index b828df02..642e8f75 100644 --- a/src/js/components/wallet/account/receive/Receive.js +++ b/src/js/components/wallet/account/receive/Receive.js @@ -73,6 +73,14 @@ const _render = (props: Props, state: ComponentState): React$Element => ); } + + let ver = null; + if (props.modal.opened && props.modal.windowType === 'ButtonRequest_Address') { + className = 'address verifying'; + address = account.address; + // ver = (
Confirm address on TREZOR
) + button = (
{ account.network } account #{ (account.index + 1) }
); + } return (
@@ -80,6 +88,7 @@ const _render = (props: Props, state: ComponentState): React$Element =>

Receive Ethereum or tokens

+ { ver }
{ address }
diff --git a/src/js/components/wallet/account/receive/index.js b/src/js/components/wallet/account/receive/index.js index 8d24ff97..3a8f8295 100644 --- a/src/js/components/wallet/account/receive/index.js +++ b/src/js/components/wallet/account/receive/index.js @@ -21,6 +21,7 @@ type OwnProps = { } type StateProps = BaseStateProps & { receive: $ElementType, + modal: $ElementType, } type DispatchProps = BaseDispatchProps & { @@ -35,7 +36,8 @@ const mapStateToProps: MapStateToProps = (state: St devices: state.connect.devices, accounts: state.accounts, discovery: state.discovery, - receive: state.receive + receive: state.receive, + modal: state.modal, }; } diff --git a/src/styles/receive.less b/src/styles/receive.less index ec6642a9..62ff8054 100644 --- a/src/styles/receive.less +++ b/src/styles/receive.less @@ -6,6 +6,17 @@ display: flex; flex-wrap: wrap; + .verify { + position: absolute; + background: @color_white; + border: 2px solid @color_green_primary; + left: 0; + right: 0; + top: 0; + margin: 0px 48px; + z-index: 10001; // bigger than modal container + } + .value { // same as input (inputs.less) font-size: 14px; @@ -85,6 +96,27 @@ } } + &.verifying { + .value { + background: @color_white; + z-index: 10001; // bigger than modal container + border-color: @color_green_primary; + border-width: 2px; + transform: translate(-1px, -1px); + } + + .confirm { + display: block; + position: relative; + background: @color_white; + z-index: 10001; + width: 100%; + padding: 6px 12px; + transform: translate(-1px, -1px); + margin: 0px 2px; + } + } + }