arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-27 08:21:27 +00:00
Code Issues Releases Wiki Activity

Added button

Browse Source
This commit is contained in:
Vladimir Volek 2018-11-15 13:15:23 +01:00 committed by Szymon Lesisz
parent b151c9715b
commit 4b55bde476
1 changed files with 35 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/views/Wallet/views/Account/Send/components/AdvancedForm/index.js
View File

@ -9,6 +9,7 @@ import Textarea from 'components/Textarea';
import Tooltip from 'components/Tooltip';
import Icon from 'components/Icon';
import ICONS from 'config/icons';
import { FONT_SIZE } from 'config/variables';
import type { Props as BaseProps } from '../../Container';
@ -28,6 +29,7 @@ const InputRow = styled.div`
const InputLabelWrapper = styled.div`
display: flex;
align-items: center;
justify-content: space-between;
`;
const GreenSpan = styled.span`
@ -110,6 +112,18 @@ const getDataTextareaState = (dataError: string, dataWarning: string): string =>
return state;
};
const Left = styled.div`
display: flex;
align-items: center;
`;
const Right = styled.div`
display: flex;
flex-direction: row;
font-size: ${FONT_SIZE.SMALLER};
cursor: pointer;
`;
// stateless component
const AdvancedForm = (props: Props) => {
const {
@ -155,6 +169,7 @@ const AdvancedForm = (props: Props) => {
spellCheck="false"
topLabel={(
<InputLabelWrapper>
<Left>
Gas limit
<Tooltip
content={(
@ -174,6 +189,10 @@ const AdvancedForm = (props: Props) => {
size={24}
/>
</Tooltip>
</Left>
<Right>
Set default
</Right>
</InputLabelWrapper>
)}
bottomText={errors.gasLimit || warnings.gasLimit || infos.gasLimit || (calculatingGasLimit ? 'Calculating...' : '')}