Changeset 8ccb07e for frontend/src/pages


Ignore:
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

File:
1 edited

Legend:

Unmodified
Added
Removed

  • frontend/src/pages/LandingPage.tsx

    r8675f75 r8ccb07e  
    417417                                                                                                                {song.title}
    418418                                                                                                        </h3>
    419                                                                                                         <p className="text-sm text-gray-400 mb-3 overflow-hidden text-ellipsis whitespace-nowrap">
    420                                                                                                                 {song.album}
    421                                                                                                         </p>
    422                                                                                                         <p className="text-sm text-gray-400 mb-3 overflow-hidden text-ellipsis whitespace-nowrap">
     419                                                                                                        {song.album && (
     420                                                                                                                <p
     421                                                                                                                        onClick={(e) => {
     422                                                                                                                                e.stopPropagation();
     423                                                                                                                                if (song.albumId) {
     424                                                                                                                                        navigate(`/collection/album/${song.albumId}`);
     425                                                                                                                                }
     426                                                                                                                        }}
     427                                                                                                                        className={`text-sm text-gray-400 mb-3 overflow-hidden text-ellipsis whitespace-nowrap ${
     428                                                                                                                                song.albumId
     429                                                                                                                                        ? "hover:underline cursor-pointer hover:text-white"
     430                                                                                                                                        : ""
     431                                                                                                                        }`}
     432                                                                                                                >
     433                                                                                                                        {song.album}
     434                                                                                                                </p>
     435                                                                                                        )}
     436                                                                                                        <p
     437                                                                                                                onClick={(e) => {
     438                                                                                                                        e.stopPropagation();
     439                                                                                                                        if (song.artistUsername) {
     440                                                                                                                                navigate(`/users/${song.artistUsername}`);
     441                                                                                                                        }
     442                                                                                                                }}
     443                                                                                                                className={`text-sm text-gray-400 mb-3 overflow-hidden text-ellipsis whitespace-nowrap ${
     444                                                                                                                        song.artistUsername
     445                                                                                                                                ? "hover:underline cursor-pointer hover:text-white"
     446                                                                                                                                : ""
     447                                                                                                                }`}
     448                                                                                                        >
    423449                                                                                                                {song.releasedBy}
    424450                                                                                                        </p>
Note: See TracChangeset for help on using the changeset viewer.