Merge pull request #799 from meriadec/fix-account-id-in-key

Prevent ticker animation when changing account page at lower level

src/components/AccountPage/AccountBalanceSummaryHeader.js

@@ -28,7 +28,7 @@ type OwnProps = {
   totalBalance: number,
   sinceBalance: number,
   refBalance: number,
-  accountId: string, // eslint-disable-line
+  accountId: string,
 }
 
 type Props = OwnProps & {
@@ -57,6 +57,7 @@ class AccountBalanceSummaryHeader extends PureComponent<Props> {
   render() {
     const {
       account,
+      accountId,
       t,
       counterValue,
       selectedTimeRange,
@@ -76,6 +77,7 @@ class AccountBalanceSummaryHeader extends PureComponent<Props> {
             unit={account.unit}
           >
             <FormattedVal
+              key={accountId}
               animateTicker
               disableRounding
               alwaysShowSign={false}

src/components/AccountPage/index.js

@@ -68,8 +68,7 @@ class AccountPage extends PureComponent<Props> {
     }
 
     return (
-      // `key` forces re-render account page when going an another account (skip animations)
+      <Box>
-      <Box key={account.id}>
         <TrackPage
           category="Account"
           currency={account.currency.id}