fix(user-profile): navigate to complete profile only after the profil…

…e fetching is completed
hotosm · Oct 2, 2024 · 7bd0bc4 · 7bd0bc4
1 parent b33ed4d
commit 7bd0bc4
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/frontend/src/components/common/UserProfile/index.tsx b/src/frontend/src/components/common/UserProfile/index.tsx
@@ -13,13 +13,14 @@ export default function UserProfile() {
   const [toggle, setToggle] = useState(false);
   const navigate = useNavigate();
 
-  const { data: userDetails }: Record<string, any> = useGetUserDetailsQuery();
+  const { data: userDetails, isFetching }: Record<string, any> =
+    useGetUserDetailsQuery();
   const userProfile = getLocalStorageValue('userprofile');
 
   useEffect(() => {
-    if (userDetails?.has_user_profile) return;
+    if (userDetails?.has_user_profile || isFetching) return;
     if (!userDetails?.has_user_profile) navigate('/complete-profile');
-  }, [userDetails?.has_user_profile, navigate]);
+  }, [userDetails?.has_user_profile, navigate, isFetching]);
 
   const settingOptions = [
     {