From fb88da4337d11de57f62577ce3f15ebe0d15770d Mon Sep 17 00:00:00 2001
From: andy <andy@sarsoo.xyz>
Date: Tue, 28 Jun 2022 07:25:24 +0100
Subject: [PATCH] limiting artist breakdown visibility

---
 Selector.Web/Pages/Now.cshtml | 2 +-
 Selector.Web/scripts/now.ts   | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/Selector.Web/Pages/Now.cshtml b/Selector.Web/Pages/Now.cshtml
index 4a72306..31a6ffc 100644
--- a/Selector.Web/Pages/Now.cshtml
+++ b/Selector.Web/Pages/Now.cshtml
@@ -26,7 +26,7 @@
         <info-card v-for="card in cards" :html="card.content"></info-card>
 
         <artist-breakdown :play_count="playCount"
-                            v-if="playCount !== null && playCount !== undefined"></artist-breakdown>
+                            v-if="showArtistBreakdown"></artist-breakdown>
 
         <play-count-chart-card-comb :data_points="combinedData"
                                     :chart_id="'combined'"
diff --git a/Selector.Web/scripts/now.ts b/Selector.Web/scripts/now.ts
index c6a1d0c..8435d4e 100644
--- a/Selector.Web/scripts/now.ts
+++ b/Selector.Web/scripts/now.ts
@@ -7,7 +7,6 @@ import { PlayCountChartCard, CombinedPlayCountChartCard } from "./Now/PlayCountG
 import { ArtistBreakdownChartCard } from "./Now/ArtistBreakdownGraph";
 import { PlayCountCard, LastFmLogoLink } from "./Now/LastFm";
 import BaseInfoCard from "./Now/BaseInfoCard";
-import { DateTime } from "luxon";
 
 const connection = new signalR.HubConnectionBuilder()
     .withUrl("/hub")
@@ -63,6 +62,9 @@ const app = Vue.createApp({
         showTrackChart(){
             return this.playCount !== null && this.playCount !== undefined && this.playCount.trackCountData.length > 3;
         },
+        showArtistBreakdown(){
+            return this.playCount !== null && this.playCount !== undefined && this.playCount.artist > 0;
+        },
         earliestDate(){
             return this.playCount.artistCountData[0].timeStamp;
         },