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 {
-
${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`