From 1e7e439714c37896d1b266f89bf85442467b0898 Mon Sep 17 00:00:00 2001
From: Luann Moreira <luannmcurioso@gmail.com>
Date: Wed, 8 May 2024 16:05:55 -0300
Subject: [PATCH]  fix(ui): disable the item when it's version is set to
 unreachable

This commit is aimed to add an validation that adds a disabled attribute to the
v-list-item inside the v-combobox slot that will disable it if the url doesn't
give an info.
---
 src/renderer/src/components/Auth/NewInstanceDialog.vue |  7 ++++---
 src/renderer/src/views/Login.vue                       | 10 +++++++---
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/components/Auth/NewInstanceDialog.vue b/src/renderer/src/components/Auth/NewInstanceDialog.vue
index adbaf5f..9f726eb 100644
--- a/src/renderer/src/components/Auth/NewInstanceDialog.vue
+++ b/src/renderer/src/components/Auth/NewInstanceDialog.vue
@@ -128,10 +128,11 @@ const request = async (hostUrl: string, config: RequestInit) => {
 
 const addInstance = async () => {
   if (hasError.value) {
-    await request(`${url.value}/info`, {
-      method: 'GET'
-    })
+    return
   }
+  await request(`${url.value}/info`, {
+    method: 'GET'
+  })
 }
 
 const close = () => {
diff --git a/src/renderer/src/views/Login.vue b/src/renderer/src/views/Login.vue
index 67613cd..7a1e68d 100644
--- a/src/renderer/src/views/Login.vue
+++ b/src/renderer/src/views/Login.vue
@@ -34,7 +34,12 @@
                       :items="items"
                     >
                       <template #item="{ item, index, props }">
-                        <v-list-item :value="item.value" lines="two" v-bind="props">
+                        <v-list-item
+                          :value="item.value"
+                          lines="two"
+                          v-bind="props"
+                          :disabled="item.raw.version === 'UNREACHABLE'"
+                        >
                           <v-list-item-subtitle>
                             {{ item.raw.url }}
                           </v-list-item-subtitle>
@@ -43,7 +48,7 @@
                             <div class="mr-4">
                               <v-chip
                                 size="x-small"
-                                :color="version === 'UNREACHABLE' ? 'warning' : 'success'"
+                                :color="item.raw.version === 'UNREACHABLE' ? 'error' : 'success'"
                                 >{{ item.raw.version }}</v-chip
                               >
                             </div>
@@ -110,7 +115,6 @@ const validForm = ref(false)
 const showError = ref(false)
 const connecting = ref(false)
 const show = ref(true)
-const version = ref('')
 const items = ref(store.instances)
 const newInstance = ref(false)
 const instance = computed({