feat: integrate MissingFromFSIcon for missing platform indication in FilterDrawer and Scan views

This commit is contained in:
zurdi
2025-06-12 11:15:30 +00:00
parent e31c4deaa4
commit df59e8ebc5
2 changed files with 18 additions and 0 deletions

View File

@@ -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>

View File

@@ -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>