Fixed Titlebar for SNES and TG16 and added warnign about user submitt…

…ed content. Updated Home.vue Info Box
UWUVCI-PRIME · Dec 4, 2024 · 5262621 · 5262621
1 parent 45a046c
commit 5262621
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/src/components/CompatTemplate.vue b/src/components/CompatTemplate.vue
@@ -9,7 +9,7 @@
               <v-card-text class="xs:text-sm-body-2 text-h5 font-weight-bold" style="text-align:center">
                 UWUVCI {{ title }} Compatibility List
               </v-card-text>
-
+              
               <v-overlay
                 opacity=".12"
                 scrim="primary"
@@ -21,6 +21,17 @@
           </v-col>
         </v-row>
 
+        <!-- User Submitted Warning -->
+        <v-row>
+          <v-col cols="12">
+            <v-card class="py-1" color="yellow" rounded="lg" variant="tonal">
+              <v-card-text class="xs:text-sm-body-3 text-h5 font-weight-bold" style="text-align:center">
+                🛈 All Entries in this List are User-Submitted and might not be 100% Correct. 
+              </v-card-text>
+            </v-card>
+          </v-col>
+        </v-row>
+
         <!-- Padding Div -->
         <div class="py-4"></div>
 
@@ -164,6 +175,7 @@ async function loadCompatibilityData() {
 function initializePageData() {
   const routeCompat = route.params.consolecompat; // Get consolecompat from route
   title.value = formatTitleFromRoute(routeCompat);
+  
   if( title.value.toLowerCase().includes("wii") ){
     headers.value = [
       { title: 'Game Name', align: 'start', sortable: true, value: 'game_name' },
@@ -178,6 +190,11 @@ function initializePageData() {
   }
   jsonFileName.value = `${title.value}Compat.json`;  // Construct the JSON filename
   loadCompatibilityData();  // Fetch compatibility data
+  if(title.value.toLowerCase().includes("tg")){
+    title.value = "TG16";
+  }else if(title.value.toLowerCase().includes("sne")){
+    title.value = "SNES";
+  }
 }
 
 // Fetch data on component mount after initializing page data

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -34,10 +34,10 @@
           <!-- Notification card -->
           <v-row>
             <v-col cols="12">
-              <v-card class="py-4" color="surface-variant" rounded="lg" variant="outlined">
+              <v-card class="py-4" color="yellow" rounded="lg" variant="tonal">
                 <v-card-text class="xs:text-sm-body-2 text-h5 font-weight-bold" style="text-align:center">
-                  The UWUVCI Webpage will be available soon. <br />
-                  The Table below is for testing.
+                  🛈 This is an early Version of the UWUVCI Webpage!<br />
+                  The Compatibility Lists can be found on the Navigation Bar on the Top of this Website!
                 </v-card-text>
               </v-card>
             </v-col>