From f0f661c7f7d241eba4cebd8b435b51965f0fe055 Mon Sep 17 00:00:00 2001
From: zurdi <zurdizurdo25@gmail.com>
Date: Sun, 29 Oct 2023 21:14:41 +0100
Subject: [PATCH] [ROMM-396] Hide platforms with no roms in dashboard and
 drawer

---
 examples/docker-compose.example.yml        | 4 ++--
 frontend/src/components/Drawer/Base.vue    | 2 +-
 frontend/src/stores/platforms.js           | 1 +
 frontend/src/views/Dashboard/Platforms.vue | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/examples/docker-compose.example.yml b/examples/docker-compose.example.yml
index e8d6f9c9a..e899a72c3 100644
--- a/examples/docker-compose.example.yml
+++ b/examples/docker-compose.example.yml
@@ -40,9 +40,9 @@ services:
     restart: "unless-stopped"
 
   # [Optional] Only required if using MariaDB as the database
-  mariadb:
+  romm_db:
     image: mariadb:latest
-    container_name: mariadb
+    container_name: romm_db
     environment:
       - MYSQL_ROOT_PASSWORD=<root password>
       - MYSQL_DATABASE=romm
diff --git a/frontend/src/components/Drawer/Base.vue b/frontend/src/components/Drawer/Base.vue
index 9105f1702..84a30a170 100644
--- a/frontend/src/components/Drawer/Base.vue
+++ b/frontend/src/components/Drawer/Base.vue
@@ -50,7 +50,7 @@ emitter.on("toggleDrawerRail", () => {
           </v-list-item>
         </template>
         <platform-list-item
-          v-for="platform in platforms.value"
+          v-for="platform in platforms.filledPlatforms"
           :platform="platform"
           :rail="rail"
           :key="platform.slug"
diff --git a/frontend/src/stores/platforms.js b/frontend/src/stores/platforms.js
index 11a907beb..2ab374821 100644
--- a/frontend/src/stores/platforms.js
+++ b/frontend/src/stores/platforms.js
@@ -8,6 +8,7 @@ export default defineStore("platforms", {
   },
   getters: {
     totalGames: ({ value }) => value.reduce((count, p) => count + p.n_roms, 0),
+    filledPlatforms: ({ value }) => value.filter((p) => p.n_roms > 0),
   },
   actions: {
     set(platforms) {
diff --git a/frontend/src/views/Dashboard/Platforms.vue b/frontend/src/views/Dashboard/Platforms.vue
index af6b4b349..d71faef44 100644
--- a/frontend/src/views/Dashboard/Platforms.vue
+++ b/frontend/src/views/Dashboard/Platforms.vue
@@ -17,7 +17,7 @@ const platforms = storePlatforms();
     <v-card-text>
       <v-row>
         <v-col
-          v-for="platform in platforms.value"
+          v-for="platform in platforms.filledPlatforms"
           class="pa-1"
           :key="platform.slug"
           :cols="views[0]['size-cols']"