Changeset 8ccb07e for frontend/src/components/search

Timestamp:

02/07/26 21:16:37 (5 months ago)

Author:

Filip Gavrilovski <filipgavrilovski28@…>

Branches:

main

Children:

799f27d

Parents:

8675f75

Message:

clickable items now take the user to the respective pages; added artist username and album id to dto-s

Location:

frontend/src/components/search

Files:

• AlbumResult.tsx (modified) (2 diffs)
• UserResult.tsx (modified) (2 diffs)

frontend/src/components/search/AlbumResult.tsx

@@ +1 @@
+import { useNavigate } from "react-router-dom";
 import type { Album } from "../../utils/types";
 
@@ -6 +7 @@
 
 const AlbumResult = ({ album }: AlbumResultProps) => {
+        const navigate = useNavigate();
+
         return (
-                <div className="flex items-center gap-4 p-3 rounded-lg hover:bg-white/5 cursor-pointer transition-colors group">
+                <div
+                        onClick={() => navigate(`/collection/album/${album.id}`)}
+                        className="flex items-center gap-4 p-3 rounded-lg hover:bg-white/5 cursor-pointer transition-colors group"
+                >
                         <img
                                 src={album.cover || "/favicon.png"}

frontend/src/components/search/UserResult.tsx

@@ +1 @@
+import { useNavigate } from "react-router-dom";
 import { baseURL } from "../../api/axiosInstance";
 import type { BaseNonAdminUser } from "../../utils/types";
@@ -8 +9 @@
 
 const UserResult = ({ user, label }: UserResultProps) => {
+        const navigate = useNavigate();
+
         return (
-                <div className="flex items-center gap-4 p-3 rounded-lg hover:bg-white/5 cursor-pointer transition-colors group">
+                <div
+                        onClick={() => navigate(`/users/${user.username}`)}
+                        className="flex items-center gap-4 p-3 rounded-lg hover:bg-white/5 cursor-pointer transition-colors group"
+                >
                         {user.profilePhoto ? (
                                 <img