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

clearing ripple/SendForm componenent

Browse Source
This commit is contained in:
Szymon Lesisz 2018-12-03 19:28:58 +01:00
parent 2cc28c4bf6
commit 2e89624b27
1 changed files with 1 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
src/views/Wallet/views/Account/Send/ripple/index.js
View File

@ -6,14 +6,11 @@ import { Select } from 'components/Select';
import Button from 'components/Button';
import Input from 'components/inputs/Input';
import Icon from 'components/Icon';
import Link from 'components/Link';
import ICONS from 'config/icons';
import { FONT_SIZE, FONT_WEIGHT, TRANSITION } from 'config/variables';
import colors from 'config/colors';
import P from 'components/Paragraph';
import { H2 } from 'components/Heading';
import Content from 'views/Wallet/components/Content';
import type { Token } from 'flowtype';
import PendingTransactions from '../components/PendingTransactions';
import type { Props } from './Container';
@ -22,16 +19,6 @@ import type { Props } from './Container';
// and put it inside config/variables.js
const SmallScreenWidth = '850px';
const AmountInputLabelWrapper = styled.div`
display: flex;
justify-content: space-between;
`;
const AmountInputLabel = styled.span`
text-align: right;
color: ${colors.TEXT_SECONDARY};
`;
const InputRow = styled.div`
margin: 20px 0;
`;
@ -79,34 +66,6 @@ const CurrencySelect = styled(Select)`
flex: 0.2;
`;
const FeeOptionWrapper = styled.div`
display: flex;
justify-content: space-between;
`;
const FeeLabelWrapper = styled.div`
display: flex;
align-items: center;
margin-bottom: 4px;
`;
const FeeLabel = styled.span`
color: ${colors.TEXT_SECONDARY};
`;
const UpdateFeeWrapper = styled.span`
margin-left: 8px;
display: flex;
align-items: center;
font-size: ${FONT_SIZE.SMALLER};
color: ${colors.WARNING_PRIMARY};
`;
const StyledLink = styled(Link)`
margin-left: 4px;
white-space: nowrap;
`;
const ToggleAdvancedSettingsWrapper = styled.div`
min-height: 40px;
margin-bottom: 20px;
@ -156,13 +115,6 @@ const getAmountInputState = (amountErrors: string, amountWarnings: string): stri
return state;
};
const getTokensSelectData = (tokens: Array<Token>, accountNetwork: any): Array<{ value: string, label: string }> => {
const tokensSelectData: Array<{ value: string, label: string }> = tokens.map(t => ({ value: t.symbol, label: t.symbol }));
tokensSelectData.unshift({ value: accountNetwork.symbol, label: accountNetwork.symbol });
return tokensSelectData;
};
// stateless component
const AccountSend = (props: Props) => {
const device = props.wallet.selectedDevice;
@ -170,7 +122,6 @@ const AccountSend = (props: Props) => {
account,
network,
discovery,
tokens,
shouldRender,
loader,
} = props.selectedAccount;
@ -178,9 +129,6 @@ const AccountSend = (props: Props) => {
address,
amount,
setMax,
networkSymbol,
feeLevels,
selectedFeeLevel,
total,
errors,
warnings,
@ -193,9 +141,6 @@ const AccountSend = (props: Props) => {
onAddressChange,
onAmountChange,
onSetMax,
onCurrencyChange,
onFeeLevelChange,
updateFeeLevels,
onSend,
} = props.sendFormActions;
const { type, title, message } = loader;
@ -279,8 +224,7 @@ const AccountSend = (props: Props) => {
isSearchable={false}
isClearable={false}
value={tokensSelectValue}
isDisabled={tokensSelectData.length < 2}
onChange={onCurrencyChange}
isDisabled
options={tokensSelectData}
/>
),
@ -288,25 +232,6 @@ const AccountSend = (props: Props) => {
/>
</InputRow>
<InputRow>
<FeeLabelWrapper>
<FeeLabel>Fee</FeeLabel>
</FeeLabelWrapper>
<Select
isSearchable={false}
isClearable={false}
value={selectedFeeLevel}
onChange={onFeeLevelChange}
options={feeLevels}
formatOptionLabel={option => (
<FeeOptionWrapper>
<P>{option.value}</P>
<P>{option.label}</P>
</FeeOptionWrapper>
)}
/>
</InputRow>
<ToggleAdvancedSettingsWrapper
isAdvancedSettingsHidden={isAdvancedSettingsHidden}
>