Repository: kestra-io/kestra
Issue: Flow validation should not display a progress bar
Labels: bug

The top n-progress bar is diplayed on every flow validation. 
We should hide this progress bar for flow validation  

Issue comments:
I check and I don't think it's the case anymore.

Can you validate that you didn't see any progress bar anymore ?
@loicmathieu It is displayed: 
![image](https://github.com/kestra-io/kestra/assets/37618489/85a68fc9-1c91-4650-ba70-0f9e86277d60)
It is an issue now that the flow validation occurs again after every input of the user (if he stops its input for 500ms).
@brian-mulier-p you are right, I didn't notice it as in dark mode this bar is not very visible.

Pull request review comments:

Patch that resolved the issue:
diff --git a/ui/src/stores/flow.js b/ui/src/stores/flow.js
index 141c5347ae..5ea9dc3b9e 100644
--- a/ui/src/stores/flow.js
+++ b/ui/src/stores/flow.js
@@ -214,7 +214,7 @@ export default {
             return this.$http.delete("/api/v1/flows/delete/by-query", options, {params: options})
         },
         validateFlow({commit}, options) {
-            return this.$http.post(`${apiRoot}flows/validate`, options.flow, textYamlHeader)
+            return axios.post(`${apiRoot}flows/validate`, options.flow, textYamlHeader)
                 .then(response => {
                     commit("setFlowError", response.data[0] ? response.data[0].constraints : undefined)
                     return response.data
@@ -228,35 +228,35 @@ export default {
                 })
         },
         loadFlowMetrics({commit}, options) {
-            return axios.get(`${apiRoot}metrics/names/${options.namespace}/${options.id}`)
+            return this.$http.get(`${apiRoot}metrics/names/${options.namespace}/${options.id}`)
                 .then(response => {
                     commit("setMetrics", response.data)
                     return response.data
                 })
         },
         loadTaskMetrics({commit}, options) {
-            return axios.get(`${apiRoot}metrics/names/${options.namespace}/${options.id}/${options.taskId}`)
+            return this.$http.get(`${apiRoot}metrics/names/${options.namespace}/${options.id}/${options.taskId}`)
                 .then(response => {
                     commit("setMetrics", response.data)
                     return response.data
                 })
         },
         loadTasksWithMetrics({commit}, options) {
-            return axios.get(`${apiRoot}metrics/tasks/${options.namespace}/${options.id}`)
+            return this.$http.get(`${apiRoot}metrics/tasks/${options.namespace}/${options.id}`)
                 .then(response => {
                     commit("setTasksWithMetrics", response.data)
                     return response.data
                 })
         },
         loadFlowAggregatedMetrics({commit}, options) {
-            return axios.get(`${apiRoot}metrics/aggregates/${options.namespace}/${options.id}/${options.metric}`, {params: options})
+            return this.$http.get(`${apiRoot}metrics/aggregates/${options.namespace}/${options.id}/${options.metric}`, {params: options})
                 .then(response => {
                     commit("setAggregatedMetric", response.data)
                     return response.data
                 })
         },
         loadTaskAggregatedMetrics({commit}, options) {
-            return axios.get(`${apiRoot}metrics/aggregates/${options.namespace}/${options.id}/${options.taskId}/${options.metric}`, {params: options})
+            return this.$http.get(`${apiRoot}metrics/aggregates/${options.namespace}/${options.id}/${options.taskId}/${options.metric}`, {params: options})
                 .then(response => {
                     commit("setAggregatedMetric", response.data)
                     return response.data


Test patch: