diff --git a/src/components/card/card.js b/src/components/card/card.js index 1f8c095..a6872fb 100644 --- a/src/components/card/card.js +++ b/src/components/card/card.js @@ -58,7 +58,7 @@ class CardComponent extends LitElement {

${details.headingText}

-

${unsafeHTML(details.bodyText)}

+

${unsafeHTML(details.bodyText || '')}

diff --git a/src/routes/artists/artists.js b/src/routes/artists/artists.js index 25090ee..0571200 100644 --- a/src/routes/artists/artists.js +++ b/src/routes/artists/artists.js @@ -17,13 +17,21 @@ class ArtistsRouteComponent extends LitElement { constructor() { super(); + this.ANALOG_ID = '1'; this.artists = []; + this.displayArtists = []; + this.analog = {}; } async connectedCallback() { super.connectedCallback(); this.artists = await getArtists(); + + // make sure "newer" artists are at the top + // and keep Analog at the top of the list + this.displayArtists = this.artists.reverse().filter(artist => artist.id !== this.ANALOG_ID); + this.analog = this.artists.filter(artist => artist.id === this.ANALOG_ID)[0]; } onArtistSelected() { @@ -34,7 +42,7 @@ class ArtistsRouteComponent extends LitElement { /* eslint-disable indent */ render() { - const { artists } = this; + const { displayArtists, analog } = this; return html`