From 9d52fd94efe52f0e76e129d1a03311d0c285591e Mon Sep 17 00:00:00 2001
From: Arnaud Vergnet <vergnet@etud.insa-toulouse.fr>
Date: Fri, 17 Apr 2020 15:55:53 +0200
Subject: [PATCH] Improved tab icon animations

---
 src/components/Tabbar/TabHomeIcon.js | 8 ++++----
 src/components/Tabbar/TabIcon.js     | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Tabbar/TabHomeIcon.js b/src/components/Tabbar/TabHomeIcon.js
index 27ac954..1146a1f 100644
--- a/src/components/Tabbar/TabHomeIcon.js
+++ b/src/components/Tabbar/TabHomeIcon.js
@@ -20,7 +20,7 @@ const AnimatedFAB = Animatable.createAnimatableComponent(FAB);
 class TabHomeIcon extends React.Component<Props> {
 
     focusedIcon = require('../../../assets/tab-icon.png');
-    unFocusedIcon = require('../../../assets/tab-icon-outline.png');
+    unFocusedIcon = require('../../../assets/tab-icon-outline.png'); // has a weird rotating on icon change
 
     constructor(props) {
         super(props);
@@ -30,15 +30,15 @@ class TabHomeIcon extends React.Component<Props> {
                     scale: 1, translateY: 0
                 },
                 "0.9": {
-                    scale: 1.4, translateY: -6
+                    scale: 1.3, translateY: -6
                 },
                 "1": {
-                    scale: 1.3, translateY: -5
+                    scale: 1.2, translateY: -5
                 },
             },
             fabFocusOut: {
                 "0": {
-                    scale: 1.3, translateY: -5
+                    scale: 1.2, translateY: -5
                 },
                 "1": {
                     scale: 1, translateY: 0
diff --git a/src/components/Tabbar/TabIcon.js b/src/components/Tabbar/TabIcon.js
index 3ebfa92..6a45ec0 100644
--- a/src/components/Tabbar/TabIcon.js
+++ b/src/components/Tabbar/TabIcon.js
@@ -35,15 +35,15 @@ class TabIcon extends React.Component<Props> {
                     scale: 1, translateY: 0
                 },
                 "0.9": {
-                    scale: 1.6, translateY: 6
+                    scale: 1.5, translateY: 7
                 },
                 "1": {
-                    scale: 1.5, translateY: 5
+                    scale: 1.4, translateY: 6
                 },
             },
             focusOut: {
                 "0": {
-                    scale: 1.5, translateY: 5
+                    scale: 1.4, translateY: 6
                 },
                 "1": {
                     scale: 1, translateY: 0