From a48d39a8630d98677a52f448537520f217201964 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 14 Jun 2023 15:02:53 +0100
Subject: [PATCH] Update animation of progress switcher

---
 src/components/HeroSection/FavoriteRoadmaps.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/HeroSection/FavoriteRoadmaps.tsx b/src/components/HeroSection/FavoriteRoadmaps.tsx
index 2b6845a4c..1604b97ff 100644
--- a/src/components/HeroSection/FavoriteRoadmaps.tsx
+++ b/src/components/HeroSection/FavoriteRoadmaps.tsx
@@ -56,7 +56,7 @@ export function FavoriteRoadmaps() {
       setTimeout(() => {
         setContainerOpacity(100);
       }, 50);
-    }, 300);
+    }, 0);
   }
 
   async function loadProgress() {
@@ -71,13 +71,16 @@ export function FavoriteRoadmaps() {
     }
 
     setProgress(progressList);
+    setIsLoading(false);
+    showProgressContainer();
+
+    // render progress on featured items
     renderProgress(progressList);
   }
 
   useEffect(() => {
     loadProgress().finally(() => {
       setIsLoading(false);
-      showProgressContainer();
     });
   }, []);