fix issue #24 with catching error stage

timofeysie · Nov 18, 2024 · 46e680e · 46e680e
1 parent e07bd2f
commit 46e680e
Showing 1 changed file with 15 additions and 5 deletions.
diff --git a/src/pages/profiles/ProfilePage.js b/src/pages/profiles/ProfilePage.js
@@ -32,6 +32,7 @@ function ProfilePage() {
 
   const currentUser = useCurrentUser();
   const { id } = useParams();
+  const [error, setError] = useState(null);
 
   const { setProfileData, handleFollow, handleUnfollow } = useSetProfileData();
   const { pageProfile } = useProfileData();
@@ -61,7 +62,12 @@ function ProfilePage() {
         setProfilePosts(profilePosts);
         setHasLoaded(true);
       } catch (err) {
-        console.log(err);
+        setHasLoaded(true);
+        if (err.response?.status === 404) {
+          setError("Profile not found!"); // Set the error message
+        } else {
+          console.log(err);
+        }
       }
     };
     fetchData();
@@ -157,10 +163,14 @@ function ProfilePage() {
         <PopularProfiles mobile />
         <Container className={appStyles.Content}>
           {hasLoaded ? (
-            <>
-              {mainProfile}
-              {mainProfilePosts}
-            </>
+            error ? (
+              <p>{error}</p> // Display error message
+            ) : (
+              <>
+                {mainProfile}
+                {mainProfilePosts}
+              </>
+            )
           ) : (
             <Asset spinner />
           )}