feat(library): add more informative subheaders for collections and fo…

…lders
harbassan · Aug 14, 2024 · 08d4c09 · 08d4c09
1 parent 67dd6da
commit 08d4c09
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/library/src/pages/collections.tsx b/library/src/pages/collections.tsx
@@ -119,7 +119,7 @@ const CollectionsPage = ({ collection, configWrapper }: { configWrapper: ConfigW
 			type={item.type}
 			uri={item.uri}
 			header={item.name}
-			subheader={item.type === "collection" ? "Collection" : item.artists?.[0]?.name}
+			subheader={item.type === "collection" ? `${item.items.length} Albums` : item.artists?.[0]?.name}
 			imageUrl={item.type === "collection" ? item.image : item.images?.[0]?.url}
 		/>
 	));

diff --git a/library/src/pages/playlists.tsx b/library/src/pages/playlists.tsx
@@ -151,7 +151,11 @@ const PlaylistsPage = ({ folder, configWrapper }: { configWrapper: ConfigWrapper
 			type={item.type}
 			uri={item.uri}
 			header={item.name}
-			subheader={item.type === "playlist" ? item.owner.name : "Folder"}
+			subheader={
+				item.type === "playlist"
+					? item.owner.name
+					: `${item.numberOfPlaylists} Playlists${item.numberOfFolders ? ` • ${item.numberOfFolders} Folders` : ""}`
+			}
 			imageUrl={item.images?.[0]?.url || images[item.uri]}
 			badge={item.pinned ? <PinIcon /> : undefined}
 		/>