From f6c6e5e1e9746c7ea40e40936e82071ca81ee8ac Mon Sep 17 00:00:00 2001
From: C <0xicl33n@gmail.com>
Date: Thu, 23 Oct 2025 14:23:29 -0700
Subject: [PATCH] fix theming and also change footer

---
 src/App.vue                  | 25 +++++++++++++------------
 src/components/AppFooter.vue | 14 +++++++++++---
 src/components/AppHeader.vue |  0
 3 files changed, 24 insertions(+), 15 deletions(-)
 create mode 100644 src/components/AppHeader.vue

diff --git a/src/App.vue b/src/App.vue
index 5d6d33a..eb32771 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,7 +9,14 @@
           to="/"
         />
         <v-list-item
-          prepend-icon="mdi-file-search"
+          prepend-icon="mdi-toy-brick-plus"
+          title="Changes"
+          value="changes"
+          to="/changes"
+        />
+
+        <v-list-item
+          prepend-icon="mdi-toy-brick-search"
           title="Review"
           value="review"
           to="/review"
@@ -21,16 +28,10 @@
           to="/stats"
         />
 
-        <v-list-item
-          prepend-icon="mdi-code-tags"
-          title="Demo"
-          value="demo"
-          to="/demo"
-        />
         <v-divider class="my-2"></v-divider>
         <v-list-item
-          prepend-icon="mdi-cog"
-          title="Settings"
+          prepend-icon="mdi-sync-off"
+          title="Run sync (DISABLED)"
           value="settings"
           to="/settings"
           disabled="true"
@@ -39,14 +40,14 @@
       </v-list>
     </v-navigation-drawer>
 
-    <v-app-bar>
+    <v-app-bar density="compact">
       <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
 
-      <v-app-bar-title>Dashboard</v-app-bar-title>
+      <v-app-bar-title><a href="/">Dashboard</a></v-app-bar-title>
   
     </v-app-bar>
 
-    <v-main>
+    <v-main class="pa-0">
       <router-view />
     </v-main>
   </v-app>
diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
index 7306f64..8c3f2be 100644
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@@ -25,15 +25,15 @@
       class="text-caption text-disabled"
       style="position: absolute; right: 16px;"
     >
-      &copy; 2025-{{ (new Date()).getFullYear() }} <span class="d-none d-sm-inline-block">PLAY-WELL TEKNOLOGIES</span>
+      &copy; {{ copyrightYear }} <span class="d-none d-sm-inline-block">PLAY-WELL TEKNOLOGIES</span>
       —
       <a
         class="text-decoration-none on-surface"
-        href="https://www.mozilla.org/en-US/MPL/"
+        href="https://www.mozilla.org/en-US/MPL/2.0"
         rel="noopener noreferrer"
         target="_blank"
       >
-        MPL 2.0 License
+        MPL 2.0
       </a>
     </div>
 
@@ -41,6 +41,14 @@
 </template>
 
 <script setup>
+import { computed } from 'vue'
+
+const copyrightYear = computed(() => {
+  const currentYear = new Date().getFullYear()
+  const startYear = 2025
+  return currentYear > startYear ? `${startYear}-${currentYear}` : `${startYear}`
+})
+
 /*
   const items = [
     {
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
new file mode 100644
index 0000000..e69de29