From 2116ee2d749572c16b9ace9c34d15ef61cbb42b5 Mon Sep 17 00:00:00 2001
From: amendelsohn <andrew.j.mendelsohn@gmail.com>
Date: Fri, 12 Jan 2024 12:39:30 -0800
Subject: [PATCH] fix add to album toast; album at end of track details

---
 .../store/cache/collections/addTrackToPlaylistSaga.ts    | 9 +++++++--
 packages/web/src/components/track/GiantTrackTile.tsx     | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/common/store/cache/collections/addTrackToPlaylistSaga.ts b/packages/web/src/common/store/cache/collections/addTrackToPlaylistSaga.ts
index 371fc94fdf1..f60e4c91644 100644
--- a/packages/web/src/common/store/cache/collections/addTrackToPlaylistSaga.ts
+++ b/packages/web/src/common/store/cache/collections/addTrackToPlaylistSaga.ts
@@ -35,7 +35,8 @@ const { setOptimisticChallengeCompleted } = audioRewardsPageActions
 const { toast } = toastActions
 
 const messages = {
-  addedTrack: 'Added track to playlist'
+  addedTrack: (collectionType: 'album' | 'playlist') =>
+    `Added track to ${collectionType}`
 }
 
 type AddTrackToPlaylistAction = ReturnType<
@@ -135,7 +136,11 @@ function* addTrackToPlaylistAsync(action: AddTrackToPlaylistAction) {
 
   yield* put(event)
 
-  yield* put(toast({ content: messages.addedTrack }))
+  yield* put(
+    toast({
+      content: messages.addedTrack(playlist.is_album ? 'album' : 'playlist')
+    })
+  )
 }
 
 function* confirmAddTrackToPlaylist(
diff --git a/packages/web/src/components/track/GiantTrackTile.tsx b/packages/web/src/components/track/GiantTrackTile.tsx
index def099ff82b..a5fcd3c3e74 100644
--- a/packages/web/src/components/track/GiantTrackTile.tsx
+++ b/packages/web/src/components/track/GiantTrackTile.tsx
@@ -689,7 +689,6 @@ export const GiantTrackTile = ({
             labelValue={`${formatSeconds(duration)}`}
           />
           {renderReleased()}
-          {renderAlbum()}
           {renderGenre()}
           {renderMood()}
           {credits ? (
@@ -699,6 +698,7 @@ export const GiantTrackTile = ({
               labelValue={credits}
             />
           ) : null}
+          {renderAlbum()}
         </div>
         {description ? (
           <UserGeneratedText