Fix playing emulatorjs + better platform icon loading

rommapp · Aug 13, 2024 · 3d96382 · 3d96382
1 parent dff554b
commit 3d96382
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 12 deletions.
diff --git a/frontend/src/components/Details/ActionBar.vue b/frontend/src/components/Details/ActionBar.vue
@@ -78,7 +78,7 @@ async function copyDownloadLink(rom: DetailedRom) {
       class="flex-grow-1"
       @click="
         $router.push({
-          name: 'ejs',
+          name: 'emulatorjs',
           params: { rom: rom?.id },
         })
       "

diff --git a/frontend/src/components/common/Game/Card/ActionBar.vue b/frontend/src/components/common/Game/Card/ActionBar.vue
@@ -30,7 +30,7 @@ const downloadStore = storeDownload();
         size="x-small"
         @click="
           $router.push({
-            name: 'ejs',
+            name: 'emulatorjs',
             params: { rom: rom?.id },
           })
         "

diff --git a/frontend/src/components/common/Game/Table.vue b/frontend/src/components/common/Game/Table.vue
@@ -180,7 +180,7 @@ onMounted(() => {
           size="small"
           @click.stop="
             $router.push({
-              name: 'ejs',
+              name: 'emulatorjs',
               params: { rom: item?.id },
             })
           "

diff --git a/frontend/src/components/common/Platform/Icon.vue b/frontend/src/components/common/Platform/Icon.vue
@@ -12,13 +12,14 @@ const { config } = storeToRefs(configStore);
 
 <template>
   <v-avatar :size="size" :rounded="rounded">
-    <v-img
-      :src="`/assets/platforms/${
-        config.PLATFORMS_VERSIONS?.[props.slug]?.toLowerCase() ??
-        props.slug.toLowerCase()
-      }.ico`"
-      ><template #error
-        ><v-img src="/assets/platforms/default.ico"></v-img></template
-    ></v-img>
+    <v-img :src="`/assets/platforms/${config.PLATFORMS_VERSIONS?.[props.slug]?.toLowerCase()}.ico`">
+      <template #error>
+        <v-img :src="`/assets/platforms/${props.slug.toLowerCase()}.ico`">
+          <template #error>
+            <v-img src="/assets/platforms/default.ico"></v-img>
+          </template>
+        </v-img>
+      </template>
+    </v-img>
   </v-avatar>
 </template>
diff --git a/frontend/src/utils/index.ts b/frontend/src/utils/index.ts
@@ -350,5 +350,5 @@ export function isEJSEmulationSupported(platformSlug: string) {
 }
 
 export function isRuffleEmulationSupported(platformSlug: string) {
-  return platformSlug.toLowerCase() === "flash";
+  return platformSlug.toLowerCase() in ["flash", "browser"];
 }