Changeset 2730163 for frontend/src/pages/UserDetail.tsx

Timestamp:

01/31/26 22:34:40 (5 months ago)

Author:

Dimitar Arsov <dimitararsov04@…>

Branches:

main

Children:

d2af1a6

Parents:

2b08bed

Message:

show songs in playlists/albums

File:

• frontend/src/pages/UserDetail.tsx (moved) (moved from frontend/src/pages/UserDetailView.tsx ) (8 diffs)

frontend/src/pages/UserDetail.tsx

@@ -5 +5 @@
 import ListenerView from "../components/userProfile/ListenerView";
 import UserListModal from "../components/userProfile/UserListModal";
+import { handleError } from "../utils/error";
 import type {
   MusicalEntity,
@@ -43 +44 @@
     try {
       const response = await axiosInstance.post<UserProfile>(
-        `/users/follow/${userId}`,
+        `/users/${userId}/follow`,
       );
       setUser(response.data);
     } catch (err: any) {
-      console.error(err.response?.data?.error);
+      setError(handleError(err));
     } finally {
       setIsFollowing(false);
@@ -56 +57 @@
     setIsLoadingModal(true);
     try {
-      const response = await axiosInstance.get(`/users/followers/${userId}`);
+      const response = await axiosInstance.get(`/users/${userId}/followers`);
       setModalUsers(response.data);
       setModalTitle("Followers");
       setShowModal(true);
     } catch (err) {
-      console.error("Failed to fetch followers");
+      setError(handleError(err));
     } finally {
       setIsLoadingModal(false);
@@ -69 +70 @@
     setIsLoadingModal(true);
     try {
-      const response = await axiosInstance.get(`/users/following/${userId}`);
+      const response = await axiosInstance.get(`/users/${userId}/following`);
       setModalUsers(response.data);
       setModalTitle("Following");
       setShowModal(true);
-    } catch (err) {
-      console.error("Failed to fetch following users");
+    } catch (err: any) {
+      setError(handleError(err));
     } finally {
       setIsLoadingModal(false);
@@ -82 +83 @@
   const handleFollowInModal = async (targetId: number) => {
     try {
-      await axiosInstance.post(`/users/follow/${targetId}`);
+      await axiosInstance.post(`/users/${targetId}/follow`);
       setModalUsers((prevUsers) =>
         prevUsers.map((u) => {
@@ -96 +97 @@
       );
 
-      if (user && user.id === targetId) {
-        const response = await axiosInstance.get(`/users/${targetId}`);
-        setUser(response.data);
-      }
-    } catch (err) {
-      console.error("Failed to toggle follow in modal", err);
+      // if (user && user.id === targetId) {
+      //   const response = await axiosInstance.get(`/users/${targetId}`);
+      //   setUser(response.data);
+      // }
+    } catch (err: any) {
+      setError(handleError(err));
     }
   };
@@ -110 +111 @@
       try {
         const response = await axiosInstance.get(`/users/${userId}`);
-        console.log(response.data);
         setUser(response.data);
       } catch (err: any) {
-        const errorMessage =
-          err.response?.data?.error || "Failed to fetch user";
-        setError(errorMessage);
+        setError(handleError(err));
       }
     };
@@ -143 +141 @@
       <button
         onClick={() => navigate(-1)}
-        className="mb-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors duration-200"
+        className="mb-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors duration-200 cursor-pointer"
       >
         ← Back