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

fix coin selection bug

Browse Source
This commit is contained in:
Vladimir Volek 2019-05-27 14:48:38 +02:00
parent 3f50ef5343
commit e034d103aa
1 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/views/Wallet/views/WalletSettings/components/Coins/index.js
View File

@ -1,6 +1,6 @@
/* @flow */
import styled from 'styled-components';
import React, { PureComponent } from 'react';
import React, { Component } from 'react';
import { FormattedMessage } from 'react-intl';
import { FONT_SIZE } from 'config/variables';
import coins from 'constants/coins';
@ -23,6 +23,11 @@ type State = {
showAllCoinsExternal: boolean,
};
type NextProps = {
hiddenCoins: Array<string>,
hiddenCoinsExternal: Array<string>,
};
const Wrapper = styled.div`
display: flex;
flex-direction: column;
@ -96,7 +101,7 @@ const ToggleAll = styled.div`
cursor: pointer;
`;
class CoinsSettings extends PureComponent<Props, State> {
class CoinsSettings extends Component<Props, State> {
constructor(props: Props) {
super(props);
this.state = {
@ -105,6 +110,24 @@ class CoinsSettings extends PureComponent<Props, State> {
};
}
componentWillReceiveProps(nextProps: NextProps) {
if (nextProps.hiddenCoins.length > 0) {
this.setState({ showAllCoins: false });
} else {
this.setState({
showAllCoins: true,
});
}
if (nextProps.hiddenCoinsExternal.length > 0) {
this.setState({ showAllCoinsExternal: false });
} else {
this.setState({
showAllCoinsExternal: true,
});
}
}
render() {
const { props } = this;
return (
@ -142,13 +165,9 @@ class CoinsSettings extends PureComponent<Props, State> {
!this.state.showAllCoins,
false
);
this.setState(prevState => ({
showAllCoins: !prevState.showAllCoins,
}));
}}
>
{props.hiddenCoins.length > 0 ? 'Show all' : 'Hide all'}
{props.hiddenCoins.length === 0 ? 'Hide all' : 'Show all'}
</ToggleAll>
</Right>
</Label>
@ -212,13 +231,11 @@ class CoinsSettings extends PureComponent<Props, State> {
!this.state.showAllCoinsExternal,
true
);
this.setState(prevState => ({
showAllCoinsExternal: !prevState.showAllCoinsExternal,
}));
}}
>
{props.hiddenCoinsExternal.length > 0 ? 'Show all' : 'Hide all'}
{props.hiddenCoinsExternal.length === 0
? 'Hide all'
: 'Show all'}
</ToggleAll>
</Right>
</Label>