fixed detail view

rommapp · Jul 3, 2024 · 1a0a06d · 1a0a06d
1 parent 040fd83
commit 1a0a06d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/frontend/src/components/common/Game/Dialog/MatchRom.vue b/frontend/src/components/common/Game/Dialog/MatchRom.vue
@@ -8,6 +8,7 @@ import storeRoms, { type SimpleRom } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { inject, onBeforeUnmount, ref } from "vue";
+import { useRoute } from "vue-router";
 import { useDisplay, useTheme } from "vuetify";
 
 type MatchedSource = {
@@ -21,6 +22,7 @@ const show = ref(false);
 const rom = ref<SimpleRom | null>(null);
 const romsStore = storeRoms();
 const searching = ref(false);
+const route = useRoute();
 const searchTerm = ref("");
 const theme = useTheme();
 const searchBy = ref("Name");
@@ -169,7 +171,10 @@ async function updateRom(selectedRom: SearchRomSchema) {
         icon: "mdi-check-bold",
         color: "green",
       });
-      romsStore.update(data);
+      romsStore.update(data as SimpleRom);
+      if (route.name == "rom") {
+        romsStore.currentRom = data;
+      }
     })
     .catch((error) => {
       emitter?.emit("snackbarShow", {

diff --git a/frontend/src/views/GameDetails.vue b/frontend/src/views/GameDetails.vue
@@ -20,7 +20,7 @@ import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { inject, onBeforeMount, ref, watch } from "vue";
-import { useRoute } from "vue-router";
+import { onBeforeRouteLeave, useRoute } from "vue-router";
 import { useDisplay } from "vuetify";
 
 // Props
@@ -82,6 +82,10 @@ onBeforeMount(async () => {
   downloadStore.clear();
 });
 
+onBeforeRouteLeave(() => {
+  currentRom.value = null;
+});
+
 watch(
   () => route.fullPath,
   async () => {
@@ -180,8 +184,10 @@ watch(
             <v-window disabled v-model="tab" class="py-2">
               <v-window-item value="details">
                 <v-row no-gutters :class="{ 'mx-2': mdAndUp }">
-                  <file-info :rom="currentRom" :platform="platform" />
-                  <game-info :rom="currentRom" />
+                  <v-col>
+                    <file-info :rom="currentRom" :platform="platform" />
+                    <game-info :rom="currentRom" />
+                  </v-col>
                 </v-row>
               </v-window-item>
               <v-window-item value="saves">