Changeset f5bc95e for frontend/src/components/userProfile

Timestamp:

02/12/26 22:27:24 (5 months ago)

Author:

Filip Gavrilovski <filipgavrilovski28@…>

Branches:

main

Children:

85512ff

Parents:

d85e8e3

Message:

fix music cover ui bug

Location:

frontend/src/components/userProfile

Files:

• ArtistView.tsx (modified) (2 diffs)
• ListenerView.tsx (modified) (5 diffs)

frontend/src/components/userProfile/ArtistView.tsx

@@ -3 +3 @@
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
-import axiosInstance from "../../api/axiosInstance";
+import axiosInstance, { baseURL } from "../../api/axiosInstance";
 import type { ArtistContribution } from "../../utils/types";
 import SongItem from "../SongItem";
@@ -65 +65 @@
                                                                 <div className="relative aspect-square rounded-lg mb-3 overflow-hidden shadow-md group-hover:shadow-xl transition-all duration-300 bg-[#181818]">
                                                                         <img
-                                                                                src={album.cover || "/favicon.png"}
+                                                                                src={
+                                                                                        album.cover ? `${baseURL}/${album.cover}` : "/favicon.png"
+                                                                                }
                                                                                 alt={album.title}
                                                                                 className="w-full h-full object-cover"

frontend/src/components/userProfile/ListenerView.tsx

@@ -3 +3 @@
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
-import axiosInstance from "../../api/axiosInstance";
+import axiosInstance, { baseURL } from "../../api/axiosInstance";
 import type { MusicalEntity, Playlist } from "../../utils/types";
 import SongItem from "../SongItem";
@@ -94 +94 @@
                                                                 <div className="relative aspect-square rounded-lg overflow-hidden bg-[#181818] mb-3 shadow-md group-hover:shadow-xl transition-all">
                                                                         <img
-                                                                                src={playlist.cover || "/favicon.png"}
+                                                                                src={
+                                                                                        playlist.cover
+                                                                                                ? `${baseURL}/${playlist.cover}`
+                                                                                                : "/favicon.png"
+                                                                                }
                                                                                 alt={playlist.name}
                                                                                 className="w-full h-full object-cover"
@@ -147 +151 @@
                                                                 <div className="relative aspect-square rounded-lg overflow-hidden bg-[#181818] mb-3 shadow-md group-hover:shadow-xl transition-all">
                                                                         <img
-                                                                                src={playlist.cover || "/favicon.png"}
+                                                                                src={
+                                                                                        playlist.cover
+                                                                                                ? `${baseURL}/${playlist.cover}`
+                                                                                                : "/favicon.png"
+                                                                                }
                                                                                 alt={playlist.name}
                                                                                 className="w-full h-full object-cover"
@@ -194 +202 @@
                                                                         id: song.id,
                                                                         title: song.title,
-                                                                        cover: song.cover,
+                                                                        cover: song.cover
+                                                                                ? `${baseURL}/${song.cover}`
+                                                                                : "/favicon.png",
                                                                         genre: song.genre,
                                                                         link: (song as any).link,
@@ -227 +237 @@
                                                                 <div className="relative aspect-square rounded-lg overflow-hidden bg-[#181818] mb-3 shadow-md group-hover:shadow-xl transition-all">
                                                                         <img
-                                                                                src={album.cover || "/favicon.png"}
+                                                                                src={
+                                                                                        album.cover ? `${baseURL}/${album.cover}` : "/favicon.png"
+                                                                                }
                                                                                 alt={album.title}
                                                                                 className="w-full h-full object-cover"