fix(ui): pass proper namespace id attribute to dependencies tab (#4411

)
kestra-io · Jul 24, 2024 · 6f7cf93 · 6f7cf93
1 parent 1f13c36
commit 6f7cf93
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/ui/src/components/namespace/NamespaceDependencies.vue b/ui/src/components/namespace/NamespaceDependencies.vue
@@ -29,7 +29,7 @@
     const hasNodes = ref(false);
 
     const props = defineProps({
-        id: {
+        namespace: {
             type: String,
             required: true
         }
@@ -38,9 +38,9 @@
     const load = () => {
         isLoading.value = true;
         return axios
-            .get(`${apiUrl(store)}/namespaces/${props.id}/dependencies`)
+            .get(`${apiUrl(store)}/namespaces/${props.namespace}/dependencies`)
             .then(response => {
-                loaded.value.push(`${props.id}`)
+                loaded.value.push(`${props.namespace}`)
 
                 if (Object.keys(response.data).length > 0) {
                     dependencies.value.nodes.push(...response.data.nodes)
@@ -141,7 +141,7 @@
                     loaded: loaded.value.indexOf(node.uid) >= 0,
                     namespace: node.namespace,
                     flowId: node.id,
-                    current: node.id === props.id,
+                    current: node.id === props.namespace,
                     color: "pink",
                     link: true
                 }
@@ -166,7 +166,7 @@
     };
 
     onMounted(() => {
-        if (props.id !== undefined) {
+        if (props.namespace !== undefined) {
             load();
         }
     })

diff --git a/ui/src/components/namespace/NamespaceDependenciesWrapper.vue b/ui/src/components/namespace/NamespaceDependenciesWrapper.vue
@@ -1,10 +1,14 @@
 <template>
-    <NamespaceDependencies :id="route.params.id" />
+    <NamespaceDependencies :namespace="namespace" />
 </template>
 
 <script setup>
+    import {computed} from "vue";
+
     import {useRoute} from "vue-router";
     const route = useRoute();
 
+    const namespace = computed(() => route.params.id);
+
     import NamespaceDependencies from "./NamespaceDependencies.vue";
 </script>