From 17e16233426a20b0712b8fb01768bbb3bba2b955 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Milo=C5=A1=20Paunovi=C4=87?= <paun992@hotmail.com>
Date: Wed, 29 Jan 2025 21:39:53 +0100
Subject: [PATCH] fix(ui): amend no code editor breadcrumbs issue (#7054)

* chore(ui): task array component to have margins between lines

* fix(ui): amend no code editor breadcrumbs issue
---
 ui/src/components/code/components/Breadcrumbs.vue | 2 +-
 ui/src/components/flows/tasks/TaskArray.vue       | 2 +-
 ui/src/stores/code.ts                             | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/code/components/Breadcrumbs.vue b/ui/src/components/code/components/Breadcrumbs.vue
index b90a00cfe02..00488550458 100644
--- a/ui/src/components/code/components/Breadcrumbs.vue
+++ b/ui/src/components/code/components/Breadcrumbs.vue
@@ -6,7 +6,7 @@
             class="item"
             @click="
                 (store.commit('code/removeBreadcrumb', {position: index}),
-                 store.commit('code/unsetPanel'))
+                 store.commit('code/unsetPanel', false))
             "
         >
             <router-link :to="breadcrumb.to">
diff --git a/ui/src/components/flows/tasks/TaskArray.vue b/ui/src/components/flows/tasks/TaskArray.vue
index 8962d0523a9..657d11e853c 100644
--- a/ui/src/components/flows/tasks/TaskArray.vue
+++ b/ui/src/components/flows/tasks/TaskArray.vue
@@ -3,7 +3,7 @@
         v-for="(item, index) in values"
         :key="'array-' + index"
         :gutter="10"
-        class="w-100"
+        class="w-100 mb-2"
     >
         <el-col :span="22">
             <component
diff --git a/ui/src/stores/code.ts b/ui/src/stores/code.ts
index 6a0560d285c..7d339454df8 100644
--- a/ui/src/stores/code.ts
+++ b/ui/src/stores/code.ts
@@ -41,9 +41,9 @@ export default {
             state.panel = panel;
             state.breadcrumbs[1] = {...breadcrumb, panel: true};
         },
-        unsetPanel(state: State) {
+        unsetPanel(state: State, shouldSplice = true) {
             state.panel = undefined;
-            state.breadcrumbs.splice(1);
+            if (shouldSplice) state.breadcrumbs.splice(1);
         },
     },
 };