From df59e8ebc540fd7b7af972aa75e1522305e7adde Mon Sep 17 00:00:00 2001
From: zurdi <contact@zurdi.dev>
Date: Thu, 12 Jun 2025 11:15:30 +0000
Subject: [PATCH] feat: integrate MissingFromFSIcon for missing platform
 indication in FilterDrawer and Scan views

---
 .../Gallery/AppBar/common/FilterDrawer/Base.vue          | 9 +++++++++
 frontend/src/views/Scan.vue                              | 9 +++++++++
 2 files changed, 18 insertions(+)

diff --git a/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue b/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
index 449cc7f21..0c8c923bf 100644
--- a/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
+++ b/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
@@ -8,6 +8,7 @@ import FilterDuplicatesBtn from "@/components/Gallery/AppBar/common/FilterDrawer
 import FilterPlayablesBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterPlayablesBtn.vue";
 import FilterRaBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterRaBtn.vue";
 import FilterTextField from "@/components/Gallery/AppBar/common/FilterTextField.vue";
+import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
 import storeGalleryFilter from "@/stores/galleryFilter";
 import storeRoms from "@/stores/roms";
 import storePlatforms from "@/stores/platforms";
@@ -251,6 +252,14 @@ onMounted(async () => {
                 />
               </template>
               <template #append>
+                <missing-from-f-s-icon
+                  v-if="item.raw.missing"
+                  text="Missing platform from filesystem"
+                  chip
+                  chip-label
+                  chipDensity="compact"
+                  class="ml-2"
+                />
                 <v-chip class="ml-2" size="x-small" label>
                   {{ item.raw.rom_count }}
                 </v-chip>
diff --git a/frontend/src/views/Scan.vue b/frontend/src/views/Scan.vue
index 100f4b321..b659acd15 100644
--- a/frontend/src/views/Scan.vue
+++ b/frontend/src/views/Scan.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import RomListItem from "@/components/common/Game/ListItem.vue";
 import PlatformIcon from "@/components/common/Platform/Icon.vue";
+import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
 import socket from "@/services/socket";
 import storeHeartbeat from "@/stores/heartbeat";
 import storePlatforms, { type Platform } from "@/stores/platforms";
@@ -160,6 +161,14 @@ async function stopScan() {
               />
             </template>
             <template #append>
+              <missing-from-f-s-icon
+                v-if="item.raw.missing"
+                text="Missing platform from filesystem"
+                chip
+                chip-label
+                chipDensity="compact"
+                class="ml-2"
+              />
               <v-chip class="ml-2" size="x-small" label>
                 {{ item.raw.rom_count }}
               </v-chip>