From 0d0d687edff58a3629d7d138afa3fdbf0c5fb461 Mon Sep 17 00:00:00 2001
From: Trenton Zimmer <66042448+trmazi@users.noreply.github.com>
Date: Sat, 20 Jul 2024 00:27:52 -0400
Subject: [PATCH] Modify stats data location, add in title section

---
 src/views/Game/PlayerView.vue | 43 ++++++++++++++++++++++++-----------
 1 file changed, 30 insertions(+), 13 deletions(-)

diff --git a/src/views/Game/PlayerView.vue b/src/views/Game/PlayerView.vue
index 87ae97c..0989bb0 100644
--- a/src/views/Game/PlayerView.vue
+++ b/src/views/Game/PlayerView.vue
@@ -8,6 +8,7 @@ import {
   mdiPlaylistMusicOutline,
   mdiFormatListText,
   mdiChartBarStacked,
+  mdiChartAreasplineVariant,
 } from "@mdi/js";
 import SectionMain from "@/components/SectionMain.vue";
 import CardBoxWidget from "@/components/CardBoxWidget.vue";
@@ -211,7 +212,7 @@ function formatProfile(profile) {
 }
 
 function formatCounts(profile) {
-  const stats = profile.stats[`count_${versionForm.currentVersion}`];
+  const stats = profile.stats?.count;
 
   return stats
     ? [
@@ -332,6 +333,16 @@ function formatCounts(profile) {
                     }} -->
             </CardBoxWidget>
           </template>
+          <CardBoxWidget
+            v-if="myProfile.stats?.count?.records"
+            label="Records"
+            :number="myProfile.stats?.count?.records"
+          />
+          <CardBoxWidget
+            v-if="myProfile.stats?.count?.attempts"
+            label="Attempts"
+            :number="myProfile.stats?.count?.attempts"
+          />
           <CardBoxWidget
             v-if="myProfile.skill"
             label="Skill Points"
@@ -372,18 +383,24 @@ function formatCounts(profile) {
           }}</CardBoxWidget>
         </div>
 
-        <div
-          v-if="myProfile.stats[`count_${versionForm.currentVersion}`]"
-          class="my-6 grid grid-cols-2 md:grid-cols-5 xl:grid-cols-6 gap-6"
-        >
-          <template v-for="stat of formatCounts(myProfile)" :key="stat">
-            <CardBoxWidget
-              v-if="stat.value"
-              :label="stat.label"
-              :number="stat.value"
-            />
-          </template>
-        </div>
+        <template v-if="myProfile.stats?.count">
+          <SectionTitleLine
+            :icon="mdiChartAreasplineVariant"
+            title="Stats"
+            main
+          />
+          <div
+            class="my-6 grid grid-cols-2 md:grid-cols-5 xl:grid-cols-6 gap-6"
+          >
+            <template v-for="stat of formatCounts(myProfile)" :key="stat">
+              <CardBoxWidget
+                v-if="stat.value"
+                :label="stat.label"
+                :number="stat.value"
+              />
+            </template>
+          </div>
+        </template>
 
         <template v-if="myProfile.jubility">
           <SectionTitleLine