Use Fluxon badges
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user