music (web): artist heart on non-discography artist pages too
The artist heart only rendered in the discography view (disco && !album), which needs a _discography.md — so artists without one (plain grid of album folders) had no heart. Add an artist header + heart to the grid view when on an artist folder (crumbs>=2), matching the app's inArtist rule. favKey = artist music-rel. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -261,14 +261,23 @@ export const MusicDetail = () => {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Grid */}
|
{/* Grid — a library root, or an artist folder (crumbs>=2) whose albums aren't grouped by a
|
||||||
|
discography. Show an artist header + heart on the latter. */}
|
||||||
{!album && !disco && cwd && !loading && (
|
{!album && !disco && cwd && !loading && (
|
||||||
|
<div className="flex flex-col gap-6">
|
||||||
|
{crumbs.length >= 2 && (
|
||||||
|
<div className="flex items-center gap-3">
|
||||||
|
<h1 className="text-3xl font-bold text-foreground">{crumbs[crumbs.length - 1]}</h1>
|
||||||
|
<MusicHeart kind="artist" favKey={rel} size={22} className="p-1" />
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
<div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-5">
|
<div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-5">
|
||||||
{folders.map((f) => (
|
{folders.map((f) => (
|
||||||
<Card key={f} r={childRel(f)} name={f} playable={(manifest[childRel(f)]?.tracks ?? 0) > 0} />
|
<Card key={f} r={childRel(f)} name={f} playable={(manifest[childRel(f)]?.tracks ?? 0) > 0} />
|
||||||
))}
|
))}
|
||||||
{!folders.length && <p className="text-sm text-muted-foreground">Empty</p>}
|
{!folders.length && <p className="text-sm text-muted-foreground">Empty</p>}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user