arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-15 21:08:57 +00:00
Code Issues Releases Wiki Activity

Fix bug causing icon rotation on first visit

Browse Source
This commit is contained in:
Vasek Mlejnsky 2018-09-03 15:29:34 +02:00
parent 34bf0ee17c
commit b6195e98d8
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/Wallet/views/AccountSummary/components/AccountBalance/index.js
View File

@ -18,6 +18,7 @@ type Props = {
type State = { type State = {
isHidden: boolean, isHidden: boolean,
canAnimateHideBalanceIcon: boolean,
}; };
const Wrapper = styled.div` const Wrapper = styled.div`
@ -76,11 +77,15 @@ class AccountBalance extends Component<Props, State> {
super(props); super(props);
this.state = { this.state = {
isHidden: false, isHidden: false,
canAnimateHideBalanceIcon: false,
}; };
} }
handleHideBallanceIconClick() { handleHideBallanceIconClick() {
this.setState(previousState => ({ isHidden: !previousState.isHidden })); this.setState(previousState => ({
isHidden: !previousState.isHidden,
canAnimateHideBalanceIcon: true,
}));
} }
render() { render() {
@ -103,7 +108,7 @@ class AccountBalance extends Component<Props, State> {
onClick={() => this.handleHideBallanceIconClick()} onClick={() => this.handleHideBallanceIconClick()}
> >
<Icon <Icon
canAnimate canAnimate={this.state.canAnimateHideBalanceIcon}
isActive={this.state.isHidden} isActive={this.state.isHidden}
icon={ICONS.ARROW_UP} icon={ICONS.ARROW_UP}
color={colors.TEXT_SECONDARY} color={colors.TEXT_SECONDARY}