Use Fluxon badges

This commit is contained in:
Claudio Ortolina
2025-05-13 09:48:28 +01:00
parent ec28fcf65e
commit 354c0d8dfb
4 changed files with 26 additions and 89 deletions
@@ -24,10 +24,11 @@
</:failed>
<a
:if={lastfm_artist_info.on_tour}
class="flex items-center"
href={LastFm.Artist.events_url(lastfm_artist_info)}
target="_blank"
>
<.round_badge text={gettext("On Tour")} class="mr-2" />
<.badge variant="pill" class="mr-2">{gettext("On Tour")}</.badge>
</a>
<span
:if={lastfm_artist_info.play_count > 0}
@@ -201,18 +201,18 @@
</div>
<div class="flex gap-1 flex-col text-right">
<.badge
:if={album.metadata.musicbrainz_id == ""}
color={:gray}
text={gettext("No MB ID")}
/>
<.badge :if={album.metadata.musicbrainz_id == ""}>
{gettext("No MB ID")}
</.badge>
<.link
:if={
record_id = tracked_record?(@collected_releases, album.metadata.musicbrainz_id)
}
navigate={~p"/collection/#{record_id}"}
>
<.badge color={:green} text={gettext("Collected")} />
<.badge color="green">
{gettext("Collected")}
</.badge>
</.link>
<.link
:if={
@@ -220,7 +220,9 @@
}
navigate={~p"/wishlist/#{record_id}"}
>
<.badge color={:yellow} text={gettext("Wishlisted")} />
<.badge color="yellow">
{gettext("Wishlisted")}
</.badge>
</.link>
</div>
@@ -332,22 +334,20 @@
</div>
<div class="flex gap-1 flex-col text-right">
<.badge
:if={track.album.musicbrainz_id == ""}
color={:gray}
text={gettext("No MB ID")}
/>
<.badge :if={track.album.musicbrainz_id == ""}>
{gettext("No MB ID")}
</.badge>
<.link
:if={record_id = tracked_record?(@collected_releases, track.album.musicbrainz_id)}
navigate={~p"/collection/#{record_id}"}
>
<.badge color={:green} text={gettext("Collected")} />
<.badge color="green">{gettext("Collected")}</.badge>
</.link>
<.link
:if={record_id = tracked_record?(@wishlisted_releases, track.album.musicbrainz_id)}
navigate={~p"/wishlist/#{record_id}"}
>
<.badge color={:yellow} text={gettext("Wishlisted")} />
<.badge color="yellow">{gettext("Wishlisted")}</.badge>
</.link>
</div>