From 7c314212d365f48eb91b653b054371a1d297d1b0 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Tue, 11 Aug 2020 00:48:04 -0600
Subject: [PATCH] Add handler for edge case data points.

---
 src/components/modals/DetailedTrack.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/modals/DetailedTrack.vue b/src/components/modals/DetailedTrack.vue
index 614a4bc..390bb1e 100644
--- a/src/components/modals/DetailedTrack.vue
+++ b/src/components/modals/DetailedTrack.vue
@@ -21,7 +21,7 @@
 						>
 							<percent
 								:size="40"
-								:progress="Math.round(value * 100)"
+								:progress="get_percentage(name)"
 								:color="css_var('--percent-filled')"
 								:empty-color="css_var('--percent-empty')"
 								:loading="!data_populated"
@@ -83,6 +83,21 @@ export default {
 			.catch(err => console.error(err))
 		})
 	},
+	methods: {
+		get_percentage(key) {
+			let value = this.data_points[key];
+
+			// Calculate data value
+			switch (key) {
+				case `loudness`:
+					return Math.round((10 ** (value / 10) * 100));
+				case `popularity`:
+					return this.track.popularity;
+				default:
+					return Math.round(value * 100);
+}
+		},
+	},
 }
 </script>