arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-24 09:18:09 +00:00
Code Issues Releases Wiki Activity

Add an up arrow to a notification

Browse Source
This commit is contained in:
Vasek Mlejnsky 2018-09-27 10:52:15 +02:00
parent 5bc9f4dbc3
commit fc6d7f5cc1
1 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/Wallet/views/AccountReceive/index.js
View File

@ -70,13 +70,26 @@ const ValueWrapper = styled.div`
`}; `};
`; `;
const ArrowUp = styled.div`
position: absolute;
top: 30px;
left: 70px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid black;
z-index: 10001;
`;
const AddressInfoText = styled.div` const AddressInfoText = styled.div`
display: flex;
align-items: center;
height: 37px; height: 37px;
margin: 0px 2px; margin: 0px 2px;
padding: 0 14px; padding: 0 14px 0 5px;
display: block;
position: absolute; position: absolute;
top: 36px; top: 39px;
background: black; background: black;
color: ${colors.WHITE}; color: ${colors.WHITE};
border-radius: 5px; border-radius: 5px;
@ -183,7 +196,16 @@ const AccountReceive = (props: Props) => {
>{address} >{address}
</ValueWrapper> </ValueWrapper>
{isAddressVerifying && ( {isAddressVerifying && (
<AddressInfoText>Check address on your Trezor</AddressInfoText> <React.Fragment>
<ArrowUp />
<AddressInfoText>
<Icon
icon={ICONS.T1}
color={colors.WHITE}
/>
Check address on your Trezor
</AddressInfoText>
</React.Fragment>
)} )}
{/* {isAddressVerifying && ( {/* {isAddressVerifying && (
<AddressInfoText>{account.network} account #{account.index + 1}</AddressInfoText> <AddressInfoText>{account.network} account #{account.index + 1}</AddressInfoText>