reactivity added to all images

rommapp · Jun 27, 2024 · 9a86df5 · 9a86df5
1 parent d3324b6
commit 9a86df5
Show file tree

Hide file tree

Showing 13 changed files with 15 additions and 23 deletions.
diff --git a/frontend/src/components/Administration/Users/Dialog/DeleteUser.vue b/frontend/src/components/Administration/Users/Dialog/DeleteUser.vue
@@ -66,7 +66,7 @@ function closeDialog() {
           <v-img
             :src="
               user.avatar_path
-                ? `/assets/romm/assets/${user.avatar_path}`
+                ? `/assets/romm/assets/${user.avatar_path}?ts=${user.updated_at}`
                 : defaultAvatarPath
             "
           >

diff --git a/frontend/src/components/Administration/Users/Dialog/EditUser.vue b/frontend/src/components/Administration/Users/Dialog/EditUser.vue
@@ -133,7 +133,7 @@ function closeDialog() {
                     imagePreviewUrl
                       ? imagePreviewUrl
                       : user.avatar_path
-                      ? `/assets/romm/assets/${user.avatar_path}`
+                      ? `/assets/romm/assets/${user.avatar_path}?ts=${user.updated_at}`
                       : defaultAvatarPath
                   "
                 >

diff --git a/frontend/src/components/Administration/Users/Table.vue b/frontend/src/components/Administration/Users/Table.vue
@@ -127,7 +127,7 @@ onMounted(() => {
             <v-img
               :src="
                 item.avatar_path
-                  ? `/assets/romm/assets/${item.avatar_path}`
+                  ? `/assets/romm/assets/${item.avatar_path}?ts=${item.updated_at}`
                   : defaultAvatarPath
               "
             />

diff --git a/frontend/src/components/common/Game/Dialog/DeleteRom.vue b/frontend/src/components/common/Game/Dialog/DeleteRom.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import RAvatar from "@/components/common/Game/Avatar.vue";
+import RAvatar from "@/components/common/Game/RAvatar.vue";
 import RDialog from "@/components/common/RDialog.vue";
 import romApi from "@/services/api/rom";
 import storeRoms, { type SimpleRom } from "@/stores/roms";
@@ -130,7 +130,7 @@ function closeDialog() {
                   !item.igdb_id && !item.moby_id
                     ? `/assets/default/cover/small_${theme.global.name.value}_unmatched.png`
                     : item.has_cover
-                    ? `/assets/romm/resources/${item.path_cover_s}`
+                    ? `/assets/romm/resources/${item.path_cover_s}?ts=${item.updated_at}`
                     : `/assets/default/cover/small_${theme.global.name.value}_missing_cover.png`
                 "
               />

diff --git a/frontend/src/components/common/Game/Dialog/EditRom.vue b/frontend/src/components/common/Game/Dialog/EditRom.vue
@@ -81,7 +81,6 @@ async function updateRom() {
         color: "green",
       });
       romsStore.update(data);
-      emitter?.emit("refreshView", null);
     })
     .catch((error) => {
       console.log(error);

diff --git a/frontend/src/components/common/Game/Dialog/MatchRom.vue b/frontend/src/components/common/Game/Dialog/MatchRom.vue
@@ -168,7 +168,6 @@ async function updateRom(selectedRom: SearchRomSchema) {
         color: "green",
       });
       romsStore.update(data);
-      emitter?.emit("refreshView", null);
     })
     .catch((error) => {
       emitter?.emit("snackbarShow", {

diff --git a/frontend/src/components/common/Game/Dialog/SearchCoverRom.vue b/frontend/src/components/common/Game/Dialog/SearchCoverRom.vue
@@ -79,7 +79,6 @@ async function updateCover(url_cover: string) {
         color: "green",
       });
       romsStore.update(data);
-      emitter?.emit("refreshView", null);
     })
     .catch((error) => {
       emitter?.emit("snackbarShow", {

diff --git a/...end/src/components/common/Game/Avatar.vue → ...nd/src/components/common/Game/RAvatar.vue b/...end/src/components/common/Game/Avatar.vue → ...nd/src/components/common/Game/RAvatar.vue
diff --git a/frontend/src/components/common/Game/Table.vue b/frontend/src/components/common/Game/Table.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import AdminMenu from "@/components/common/Game/AdminMenu.vue";
-import RAvatar from "@/components/common/Game/Avatar.vue";
+import RAvatar from "@/components/common/Game/RAvatar.vue";
 import romApi from "@/services/api/rom";
 import storeAuth from "@/stores/auth";
 import storeDownload from "@/stores/download";
@@ -125,7 +125,7 @@ onMounted(() => {
                 (!item.igdb_id && !item.moby_id) && !item.has_cover
                   ? `/assets/default/cover/small_${theme.global.name.value}_unmatched.png`
                   : item.has_cover
-                  ? `/assets/romm/resources/${item.path_cover_s}`
+                  ? `/assets/romm/resources/${item.path_cover_s}?ts=${item.updated_at}`
                   : `/assets/default/cover/small_${theme.global.name.value}_missing_cover.png`
               "
             />

diff --git a/frontend/src/types/emitter.d.ts b/frontend/src/types/emitter.d.ts
@@ -62,7 +62,6 @@ export type Events = {
   toggleDrawerRail: null;
   snackbarShow: SnackbarStatus;
   refreshDrawer: null;
-  refreshView: null;
   showLoadingDialog: {
     loading: boolean;
     scrim: boolean;

diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
@@ -45,15 +45,11 @@ const { activePlatformsDrawer, activeSettingsDrawer } =
   storeToRefs(navigationStore);
 const router = useRouter();
 const auth = storeAuth();
-const refreshView = ref(0);
 const emitter = inject<Emitter<Events>>("emitter");
 emitter?.on("refreshDrawer", async () => {
   const { data: platformData } = await platformApi.getPlatforms();
   platformsStore.set(platformData);
 });
-emitter?.on("refreshView", async () => {
-  refreshView.value = refreshView.value + 1;
-});
 
 // Functions
 function goHome() {
@@ -199,7 +195,7 @@ onMounted(async () => {
             <v-img
               :src="
                 auth.user?.avatar_path
-                  ? `/assets/romm/assets/${auth.user?.avatar_path}`
+                  ? `/assets/romm/assets/${auth.user?.avatar_path}?ts=${auth.user?.updated_at}`
                   : defaultAvatarPath
               "
             />
@@ -275,7 +271,7 @@ onMounted(async () => {
           <v-img
             :src="
               auth.user?.avatar_path
-                ? `/assets/romm/assets/${auth.user?.avatar_path}`
+                ? `/assets/romm/assets/${auth.user?.avatar_path}?ts=${auth.user?.updated_at}`
                 : defaultAvatarPath
             "
           />
@@ -313,7 +309,7 @@ onMounted(async () => {
         <v-img
           :src="
             auth.user?.avatar_path
-              ? `/assets/romm/assets/${auth.user?.avatar_path}`
+              ? `/assets/romm/assets/${auth.user?.avatar_path}?ts=${auth.user?.updated_at}`
               : defaultAvatarPath
           "
           cover
@@ -363,7 +359,7 @@ onMounted(async () => {
   </v-navigation-drawer>
 
   <new-version />
-  <router-view :key="refreshView" />
+  <router-view />
 
   <delete-platform-dialog />
   <search-rom-dialog />

diff --git a/frontend/src/views/Play/Base.vue b/frontend/src/views/Play/Base.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { FirmwareSchema, SaveSchema, StateSchema } from "@/__generated__";
-import RAvatar from "@/components/common/Game/Avatar.vue";
+import RAvatar from "@/components/common/Game/RAvatar.vue";
 import firmwareApi from "@/services/api/firmware";
 import romApi from "@/services/api/rom";
 import type { DetailedRom } from "@/stores/roms";
@@ -96,7 +96,7 @@ onMounted(async () => {
                   !rom.igdb_id && !rom.moby_id
                     ? `/assets/default/cover/small_${theme.global.name.value}_unmatched.png`
                     : rom.has_cover
-                    ? `/assets/romm/resources/${rom.path_cover_s}`
+                    ? `/assets/romm/resources/${rom.path_cover_s}?ts=${rom.updated_at}`
                     : `/assets/default/cover/small_${theme.global.name.value}_missing_cover.png`
                 "
               />

diff --git a/frontend/src/views/Scan.vue b/frontend/src/views/Scan.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import RAvatar from "@/components/common/Game/Avatar.vue";
+import RAvatar from "@/components/common/Game/RAvatar.vue";
 import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import socket from "@/services/socket";
 import storeHeartbeat from "@/stores/heartbeat";
@@ -343,7 +343,7 @@ async function stopScan() {
                     !rom.igdb_id && !rom.moby_id
                       ? `/assets/default/cover/small_${theme.global.name.value}_unmatched.png`
                       : rom.has_cover
-                      ? `/assets/romm/resources/${rom.path_cover_s}`
+                      ? `/assets/romm/resources/${rom.path_cover_s}?ts=${rom.updated_at}`
                       : `/assets/default/cover/small_${theme.global.name.value}_missing_cover.png`
                   "
                 />