From 4db3e0a0abed75ba58274e6a00bf4644cf587572 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Mon, 7 Sep 2020 15:53:46 +0100
Subject: [PATCH] fix(ui): reverse upgrade toast progress

---
 ui/src/Components/Toast/ToastMessages.tsx                   | 2 +-
 .../Components/Toast/__snapshots__/AppToasts.test.tsx.snap  | 2 +-
 .../Toast/__snapshots__/ToastMessages.test.tsx.snap         | 2 +-
 ui/src/Styles/Components/Toast.scss                         | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/ui/src/Components/Toast/ToastMessages.tsx b/ui/src/Components/Toast/ToastMessages.tsx
index 24e2ee160..b57f6bbc6 100644
--- a/ui/src/Components/Toast/ToastMessages.tsx
+++ b/ui/src/Components/Toast/ToastMessages.tsx
@@ -58,7 +58,7 @@ const UpgradeToastMessage: FC<{
           }`}
           onAnimationEnd={alertStore.info.setUpgradeNeeded}
           role="progressbar"
-          style={{ width: 0 }}
+          style={{ width: 100 }}
         ></div>
       </div>
     </div>
diff --git a/ui/src/Components/Toast/__snapshots__/AppToasts.test.tsx.snap b/ui/src/Components/Toast/__snapshots__/AppToasts.test.tsx.snap
index 3751c595b..d69cf7762 100644
--- a/ui/src/Components/Toast/__snapshots__/AppToasts.test.tsx.snap
+++ b/ui/src/Components/Toast/__snapshots__/AppToasts.test.tsx.snap
@@ -71,7 +71,7 @@ exports[`<AppToasts /> renders UpgradeToastMessage when alertStore.info.upgradeR
           >
             <div class=\\"progress-bar bg-white toast-upgrade-progressbar\\"
                  role=\\"progressbar\\"
-                 style=\\"width: 0px;\\"
+                 style=\\"width: 100px;\\"
             >
             </div>
           </div>
diff --git a/ui/src/Components/Toast/__snapshots__/ToastMessages.test.tsx.snap b/ui/src/Components/Toast/__snapshots__/ToastMessages.test.tsx.snap
index 74d6b2811..aba21ca3c 100644
--- a/ui/src/Components/Toast/__snapshots__/ToastMessages.test.tsx.snap
+++ b/ui/src/Components/Toast/__snapshots__/ToastMessages.test.tsx.snap
@@ -54,7 +54,7 @@ exports[`<UpgradeToastMessage /> matches snapshot 1`] = `
   >
     <div class=\\"progress-bar bg-white toast-upgrade-progressbar\\"
          role=\\"progressbar\\"
-         style=\\"width: 0px;\\"
+         style=\\"width: 100px;\\"
     >
     </div>
   </div>
diff --git a/ui/src/Styles/Components/Toast.scss b/ui/src/Styles/Components/Toast.scss
index 552b87e9c..40a06aaa8 100644
--- a/ui/src/Styles/Components/Toast.scss
+++ b/ui/src/Styles/Components/Toast.scss
@@ -32,9 +32,9 @@
 
 @keyframes upgradeProgress {
   0% {
-    width: 0%;
-  }
-  100% {
     width: 100%;
   }
+  100% {
+    width: 0%;
+  }
 }