From 9effeac56020f514964fcdca82e3dd304e15f6b5 Mon Sep 17 00:00:00 2001
From: Trenton Zimmer <66042448+trmazi@users.noreply.github.com>
Date: Mon, 30 Dec 2024 14:04:49 -0500
Subject: [PATCH] Update PASELI View and layout

---
 src/components/ArcadeCard.vue       | 21 ++++++++-------------
 src/layouts/LayoutAuthenticated.vue |  4 ++++
 src/views/Arcade/PaseliView.vue     |  6 ++----
 3 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/components/ArcadeCard.vue b/src/components/ArcadeCard.vue
index 4e4ea22..1abe7e2 100644
--- a/src/components/ArcadeCard.vue
+++ b/src/components/ArcadeCard.vue
@@ -92,10 +92,14 @@ function getCardStyle(path) {
           </span>
         </p>
 
-        <div
-          v-if="!useSmall"
-          class="md:w-full grid grid-cols-1 md:grid-cols-3 gap-3"
-        >
+        <div class="md:w-full grid grid-cols-1 md:grid-cols-4 gap-3">
+          <BaseButton
+            :href="`/#/arcade/${arcade.id}`"
+            :icon="mdiHome"
+            color="info"
+            label="Arcade Home"
+            class="w-full md:w-[150px]"
+          />
           <BaseButton
             :href="`/#/arcade/${arcade.id}/events`"
             :icon="mdiNewspaperVariantMultiple"
@@ -115,15 +119,6 @@ function getCardStyle(path) {
             label="PASELI"
           />
         </div>
-        <div v-if="useSmall" class="w-full flex justify-center">
-          <BaseButton
-            :href="`/#/arcade/${arcade.id}`"
-            :icon="mdiHome"
-            color="info"
-            label="Arcade Home"
-            class="w-full md:w-[150px]"
-          />
-        </div>
       </div>
     </BaseLevel>
   </div>
diff --git a/src/layouts/LayoutAuthenticated.vue b/src/layouts/LayoutAuthenticated.vue
index 2509291..f2b5ecf 100644
--- a/src/layouts/LayoutAuthenticated.vue
+++ b/src/layouts/LayoutAuthenticated.vue
@@ -173,6 +173,10 @@ const menuAside = computed(() => {
       label: "News",
       to: "/admin/news",
     },
+    {
+      label: "OTA Updates",
+      to: "/admin/ota",
+    },
   ];
 
   var sideMenu = [{ to: "/", icon: mdiMonitor, label: "Dashboard" }];
diff --git a/src/views/Arcade/PaseliView.vue b/src/views/Arcade/PaseliView.vue
index 886fd39..b01c321 100644
--- a/src/views/Arcade/PaseliView.vue
+++ b/src/views/Arcade/PaseliView.vue
@@ -22,7 +22,6 @@ async function loadArcade() {
     arcadeData.value = null;
     const data = await APIGetArcade(arcadeId);
     arcadeData.value = data;
-    loading.value = false;
   } catch (error) {
     console.error("Failed to fetch arcade data:", error);
   }
@@ -40,6 +39,7 @@ async function loadPASELI() {
 }
 
 onMounted(() => {
+  loading.value = true;
   loadArcade();
   loadPASELI();
 });
@@ -96,9 +96,7 @@ function filterTransactions(transactions) {
 <template>
   <LayoutAuthenticated>
     <SectionMain>
-      <template
-        v-if="!loading && paseliData.balances && paseliData.transactions"
-      >
+      <template v-if="!loading && arcadeData">
         <ArcadeCard class="mb-6" :arcade="arcadeData" :use-small="true" />
         <SectionTitleLine
           :icon="mdiAccountCash"