From 269a961eed70b84ccfd88a8c10709cd0cf16b6e2 Mon Sep 17 00:00:00 2001
From: John McCardle <mccardle.john@gmail.com>
Date: Tue, 11 Jan 2022 20:17:11 -0500
Subject: [PATCH] feat: simple currency string formatting to prevent long float
 inaccuracies displaying

---
 components/KeyArtStage.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/KeyArtStage.vue b/components/KeyArtStage.vue
index 714fc45..effc512 100644
--- a/components/KeyArtStage.vue
+++ b/components/KeyArtStage.vue
@@ -9,7 +9,7 @@
         class="spare-time flex flex-row items-center font-bold rounded-2xl select-none"
         :class="`text-${$store.getters.activeTab.darkColor}`"
       >
-        <span class="text-3xl md:text-5xl" v-text="$store.state.currency" />
+        <span class="text-3xl md:text-5xl" v-text="currencyText" />
         <span
           class="fas fa-hourglass-half text-xl pt-1 pl-2 md:text-3xl md:pt-2"
         />
@@ -18,6 +18,19 @@
   </div>
 </template>
 
+<script>
+export default {
+    computed: {
+        currencyText() {
+            if (this.$store.state.currency.greaterThan(1e7)) {
+                return this.$store.state.currency.toString()
+            }
+            return Math.floor(this.$store.state.currency)
+        }
+    }
+}
+</script>
+
 <style scoped>
 .key-art {
   background: url('https://freesvg.org/img/johnny_automatic_hourglass.png');