Add domain fail to list warning (#3563)

* update alert conditions * Update manage_gateway_dialog.vue --------- Co-authored-by: xmonader <[email protected]>
threefoldtech · Oct 31, 2024 · 4d8bbd4 · 4d8bbd4
1 parent c572637
commit 4d8bbd4
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/packages/playground/src/components/manage_gateway_dialog.vue b/packages/playground/src/components/manage_gateway_dialog.vue
@@ -19,9 +19,9 @@
           type="warning"
           variant="tonal"
           class="mb-4"
-          v-if="failedToListGws.length && gatewayTab === 0 && !loadingGateways"
+          v-if="errorMessage && gatewayTab === 0 && !loadingGateways"
         >
-          Failed to list {{ failedToListGws.length }} domains.
+          Failed to list {{ failedToListGws.length }} domain(s).
           <template #append>
             <v-btn
               icon="mdi-format-list-bulleted-square"
@@ -266,6 +266,7 @@ export default {
     const availableK8SNodesNames = availableK8SNodes.map(node => node.name);
     const selectedK8SNodeName = ref(availableK8SNodesNames[0]);
     const selectedNode = ref();
+    const errorMessage = ref("");
 
     watch(selectedK8SNodeName, getSupportedNetworks, { deep: true });
     const tableHeaders = ref([
@@ -330,8 +331,12 @@ export default {
         });
         gateways.value = gws;
         failedToListGws.value = failedToList;
+        if (failedToListGws.value.length) {
+          errorMessage.value = `Failed to list ${failedToListGws.value.length} domains`;
+        }
       } catch (error) {
-        layout.value.setStatus("failed", normalizeError(error, "Failed to list this deployment's domains."));
+        errorMessage.value = "Failed to list this deployment's domains";
+        layout.value.setStatus("failed", normalizeError(error, errorMessage.value));
       } finally {
         loadingGateways.value = false;
       }
@@ -509,6 +514,7 @@ export default {
       isWireGuard,
       availableK8SNodesNames,
       selectedK8SNodeName,
+      errorMessage,
     };
   },
 };