arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-02 20:30:54 +00:00
Code Issues Releases Wiki Activity

Added progres sign additional message

Browse Source
This commit is contained in:
Vladimir Volek 2018-10-20 00:57:16 +02:00
parent d1ef608c0e
commit 9503d1e415
2 changed files with 49 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Textarea/index.js
View File

@ -89,6 +89,7 @@ const StyledTextarea = styled(Textarea)`
border-width: 2px; border-width: 2px;
transform: translate(-1px, -1px); transform: translate(-1px, -1px);
background: ${colors.DIVIDER}; background: ${colors.DIVIDER};
pointer-events: none;
`} `}
`; `;

48
src/views/Wallet/views/Account/SignVerify/index.js
View File

@ -3,6 +3,8 @@ import styled from 'styled-components';
import Input from 'components/inputs/Input'; import Input from 'components/inputs/Input';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import Textarea from 'components/Textarea'; import Textarea from 'components/Textarea';
import ICONS from 'config/icons';
import Icon from 'components/Icon';
import Title from 'views/Wallet/components/Title'; import Title from 'views/Wallet/components/Title';
import Button from 'components/Button'; import Button from 'components/Button';
import Content from 'views/Wallet/components/Content'; import Content from 'views/Wallet/components/Content';
@ -48,6 +50,42 @@ const Label = styled.div`
padding: 5px 0px 10px 0; 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 { class SignVerify extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
@ -123,6 +161,16 @@ class SignVerify extends Component {
maxLength="255" maxLength="255"
isInTrezorAction={this.props.isSignProgress} isInTrezorAction={this.props.isSignProgress}
/> />
{this.props.isSignProgress && (
<ConfirmTooltip>
<ArrowUp />
<StyledIcon
icon={ICONS.T1}
color={colors.WHITE}
/>
<ConfirmText>Check address on your Trezor</ConfirmText>
</ConfirmTooltip>
)}
</Row> </Row>
<Row> <Row>
<Label>Signature</Label> <Label>Signature</Label>