From 95da87994829286fb893265ac841ae7bc3a82777 Mon Sep 17 00:00:00 2001
From: meriadec <meriadec.pillet@gmail.com>
Date: Mon, 2 Jul 2018 14:08:11 +0200
Subject: [PATCH] Prevent ticker animation when changing account page at lower
 level

---
 src/components/AccountPage/AccountBalanceSummaryHeader.js | 4 +++-
 src/components/AccountPage/index.js                       | 3 +--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/AccountPage/AccountBalanceSummaryHeader.js b/src/components/AccountPage/AccountBalanceSummaryHeader.js
index b396e801..33fe9cdb 100644
--- a/src/components/AccountPage/AccountBalanceSummaryHeader.js
+++ b/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}
diff --git a/src/components/AccountPage/index.js b/src/components/AccountPage/index.js
index 397c6f4e..e79620e9 100644
--- a/src/components/AccountPage/index.js
+++ b/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 key={account.id}>
+      <Box>
         <TrackPage
           category="Account"
           currency={account.currency.id}