diff --git a/src/components/Textarea/index.js b/src/components/Textarea/index.js index a29f0e2f..a3ebbf20 100644 --- a/src/components/Textarea/index.js +++ b/src/components/Textarea/index.js @@ -89,6 +89,7 @@ const StyledTextarea = styled(Textarea)` border-width: 2px; transform: translate(-1px, -1px); background: ${colors.DIVIDER}; + pointer-events: none; `} `; diff --git a/src/views/Wallet/views/Account/SignVerify/index.js b/src/views/Wallet/views/Account/SignVerify/index.js index 54678429..7d05af07 100644 --- a/src/views/Wallet/views/Account/SignVerify/index.js +++ b/src/views/Wallet/views/Account/SignVerify/index.js @@ -3,6 +3,8 @@ import styled from 'styled-components'; import Input from 'components/inputs/Input'; import PropTypes from 'prop-types'; import Textarea from 'components/Textarea'; +import ICONS from 'config/icons'; +import Icon from 'components/Icon'; import Title from 'views/Wallet/components/Title'; import Button from 'components/Button'; import Content from 'views/Wallet/components/Content'; @@ -48,6 +50,42 @@ const Label = styled.div` padding: 5px 0px 10px 0; `; +const ConfirmTooltip = styled.div` + position: absolute; + z-index: 10001; + padding: 3px 5px; + display: flex; + justify-content: center; + align-items: center; + min-width: 250px; + background: black; + border: 0; + color: ${colors.WHITE}; + border-radius: 5px; + transform: translate(-1px, -1px); +`; + +const ArrowUp = styled.div` + position: absolute; + top: -9px; + left: 20px; + width: 0; + height: 0; + border-left: 9px solid transparent; + border-right: 9px solid transparent; + border-bottom: 9px solid black; + z-index: 10001; +`; + +const StyledIcon = styled(Icon)` + position: relative; + left: 0; +`; + +const ConfirmText = styled.div` + color: white; +`; + class SignVerify extends Component { constructor(props) { super(props); @@ -123,6 +161,16 @@ class SignVerify extends Component { maxLength="255" isInTrezorAction={this.props.isSignProgress} /> + {this.props.isSignProgress && ( + + + + Check address on your Trezor + + )}