Changeset a3ae097 for frontend/src/components/userProfile/UserDetailView.tsx

Timestamp:

01/26/26 20:19:20 (6 months ago)

Author:

Dimitar Arsov <dimitararsov04@…>

Branches:

main

Children:

d47e225

Parents:

fd81a18

Message:

add Global exception handler

File:

• frontend/src/components/userProfile/UserDetailView.tsx (moved) (moved from frontend/src/components/userProfile/UserDetail.tsx ) (4 diffs)

frontend/src/components/userProfile/UserDetailView.tsx

@@ -48 +48 @@
   const navigate = useNavigate();
   const [user, setUser] = useState<User | null>(null);
+  const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
     const fetchUser = async () => {
-      console.log(userId);
-      const response = await fetch(`http://localhost:8080/users/${userId}`);
-      const data = await response.json();
-      console.log("Fetched user data:", data);
-      setUser(data);
+      setError(null);
+      try {
+        const response = await fetch(`http://localhost:8080/users/${userId}`);
+
+        if (!response.ok) {
+          const errorData = await response.json();
+          throw new Error(errorData.error || "Failed to fetch user");
+        }
+
+        const data = await response.json();
+        setUser(data);
+      } catch (err: any) {
+        setError(err.message);
+      }
     };
     fetchUser();
   }, [userId]);
+
+  if (error) {
+    return (
+      <div className="p-6 bg-red-50 border border-red-200 text-red-700 rounded-lg">
+        <h2 className="font-bold">Error</h2>
+        <p>{error}</p>
+      </div>
+    );
+  }
 
   if (!user) return <div className="p-6">Loading...</div>;
@@ -72 +91 @@
 
       <div className="bg-white shadow-lg rounded-lg p-8">
-        {/* Profile Header */}
         <div className="flex items-start gap-6 mb-8">
-          {/* Profile Photo */}
           <div className="shrink-0">
             <div className="w-32 h-32 rounded-full bg-linear-to-br from-blue-400 to-purple-500 flex items-center justify-center text-white text-4xl font-bold shadow-lg">
@@ -81 +98 @@
           </div>
 
-          {/* User Info */}
           <div className="flex-1">
             <h1 className="text-4xl font-bold mb-2">{user.fullName}</h1>
@@ -88 +104 @@
             </span>
 
-            {/* Followers/Following Stats */}
             <div className="flex gap-6 mb-4 text-gray-700">
               <div className="flex flex-col">