arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-30 19:00:53 +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;
transform: translate(-1px, -1px);
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 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 && (
<ConfirmTooltip>
<ArrowUp />
<StyledIcon
icon={ICONS.T1}
color={colors.WHITE}
/>
<ConfirmText>Check address on your Trezor</ConfirmText>
</ConfirmTooltip>
)}
</Row>
<Row>
<Label>Signature</Label>