`is_owned` badge and opacity to all album art displays

w0rd-driven / beatseek

Seek the music you may be missing by analyzing your collection

https://beatseek.fly.dev/

MIT License

3 stars 0 forks source link

`is_owned` badge and opacity to all album art displays #3

Closed w0rd-driven closed 1 year ago

w0rd-driven commented 1 year ago

[x] check-circle or check-badge for is_owned == true with a green background.
[x] x-circle or exclamation-circle with a red or orange background.
[x] Set opacity for is_owned == false to highlight that something isn't owned.

w0rd-driven commented 1 year ago

This may make more sense as a component as there are now 3 places with very similar styles. At the very least an album_art stateless component may be handy but there are subtle differences between artist show, album index, and album show.

It should be possible to encapsulate this and add a class prop (I map attr to props in React/Vue/Svelte land. I honestly wish they reused the term) that might cover each scenario. It would also be useful to add the lazy loading new hotness if possible.