Views: General-config: Implement changes to open dialogs from queue

Signed-off-by: Arturo Manzoli <[email protected]>

src/views/ConfigurationGeneralView.vue

@@ -60,7 +60,7 @@
               size="x-small"
               class="bg-[#FFFFFF22] mt-3 mb-2 shadow-2"
               variant="flat"
-              @click="showDiscoveryDialog = true"
+              @click="handleVehicleDiscoveryDialog"
             >
               Search for vehicles
             </v-btn>
@@ -294,7 +294,6 @@
       </div>
     </template>
   </BaseConfigurationView>
-  <VehicleDiscoveryDialog v-model="showDiscoveryDialog" />
 </template>
 
 <script setup lang="ts">
@@ -352,6 +351,17 @@ const handleCustomRtcConfiguration = (): void => {
   }
 }
 
+const handleVehicleDiscoveryDialog = (): void => {
+  interfaceStore.enqueueDialog({
+    id: 'VehicleDiscoveryDialog',
+    component: VehicleDiscoveryDialog,
+    props: {
+      showAutoSearchOption: true,
+    },
+  })
+  interfaceStore.openNextDialogOnQueue()
+}
+
 /** Main vehicle connection */
 
 const vehicleConnected = ref<boolean | undefined>(mainVehicleStore.isVehicleOnline)
@@ -529,8 +539,6 @@ onMounted(() => {
   tryToPrettifyRtcConfig()
 })
 
-const showDiscoveryDialog = ref(false)
-
 const openCockpitFolder = (): void => {
   if (isElectron() && window.electronAPI) {
     window.electronAPI?.openCockpitFolder()