From 654cc45f99f55a1221aca3e4bb827d20e7383d5c Mon Sep 17 00:00:00 2001
From: Georges-Antoine Assi <georges.antoine.assi@gmail.com>
Date: Mon, 4 Dec 2023 18:20:15 -0500
Subject: [PATCH] [ROMM-467] Add games to store on scan

---
 .../src/components/Gallery/AppBar/ScanBtn.vue | 19 +++++++++++++++++--
 frontend/src/views/Library/Scan/Base.vue      |  2 +-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Gallery/AppBar/ScanBtn.vue b/frontend/src/components/Gallery/AppBar/ScanBtn.vue
index af907ef50..583f7b0cc 100644
--- a/frontend/src/components/Gallery/AppBar/ScanBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/ScanBtn.vue
@@ -3,11 +3,26 @@ import { inject, onBeforeUnmount } from "vue";
 import { useRoute } from "vue-router";
 import socket from "@/services/socket";
 import storeScanning from "@/stores/scanning";
+import storeRoms from "@/stores/roms";
+import storeGalleryFilter from "@/stores/galleryFilter";
+import { normalizeString } from "@/utils/utils";
 
 // Props
 const emitter = inject("emitter");
 const route = useRoute();
 const scanning = storeScanning();
+const romsStore = storeRoms();
+const galleryFilter = storeGalleryFilter();
+const isFiltered = normalizeString(galleryFilter.filter).trim() != "";
+
+socket.on("scan:scanning_rom", (rom) => {
+  romsStore.add([rom]);
+  if (isFiltered) {
+    romsStore.setFiltered(romsStore.filteredRoms);
+  } else {
+    romsStore.setFiltered(romsStore.allRoms);
+  }
+});
 
 // Functions
 socket.on("scan:done", () => {
@@ -15,7 +30,7 @@ socket.on("scan:done", () => {
   socket.disconnect();
   emitter.emit("refreshDrawer");
   emitter.emit("snackbarShow", {
-    msg: "Scan completed successfully! Refresh to see the changes.",
+    msg: "Scan completed successfully!",
     icon: "mdi-check-bold",
     color: "green",
     timeout: 4000
@@ -61,4 +76,4 @@ onBeforeUnmount(() => {
       class="mr-0"
       icon="mdi-magnify-scan"
     />
-</template>
\ No newline at end of file
+</template>
diff --git a/frontend/src/views/Library/Scan/Base.vue b/frontend/src/views/Library/Scan/Base.vue
index 0876d7fde..10424a613 100644
--- a/frontend/src/views/Library/Scan/Base.vue
+++ b/frontend/src/views/Library/Scan/Base.vue
@@ -44,7 +44,7 @@ socket.on("scan:done", () => {
 
   emitter.emit("refreshDrawer");
   emitter.emit("snackbarShow", {
-    msg: "Scan completed successfully! Refresh to see the changes.",
+    msg: "Scan completed successfully!",
     icon: "mdi-check-bold",
     color: "green",
     timeout: 4000