From 8a75b0a26dd3c104066bd95436ccb3a0f5f9611a Mon Sep 17 00:00:00 2001
From: Mel O'Hagan <mel@budibase.com>
Date: Thu, 25 Aug 2022 19:07:13 +0100
Subject: [PATCH] Fix delete

---
 .../src/components/integration/index.svelte   | 27 ++++++++++---------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/packages/builder/src/components/integration/index.svelte b/packages/builder/src/components/integration/index.svelte
index a409a8efe1..9f7be43bcf 100644
--- a/packages/builder/src/components/integration/index.svelte
+++ b/packages/builder/src/components/integration/index.svelte
@@ -67,7 +67,7 @@
       {/if}
     {:else if schema.type === QueryTypes.FLOW}
       <br />
-      {#if query.fields.steps?.length == 0}
+      {#if (query.fields.steps?.length ?? 0) === 0}
         <div class="controls">
           <Button
             secondary
@@ -93,9 +93,8 @@
                   Stage {index + 1}
                   <ActionButton
                     on:click={() => {
-                      query.fields.steps = [
-                        ...query.fields.steps.splice(index, 1),
-                      ]
+                      query.fields.steps.splice(index, 1)
+                      query.fields.steps = query.fields.steps
                     }}
                     icon="DeleteOutline"
                   />
@@ -109,14 +108,18 @@
                           query.fields.steps[index].key = detail
                         }}
                       />
-                      <Editor
-                        editorHeight={height / 2}
-                        mode="json"
-                        value={step.value}
-                        on:change={({ detail }) => {
-                          query.fields.steps[index].value = detail
-                        }}
-                      />
+                      {#key query.fields.steps.length}
+                        <Editor
+                          editorHeight={height / 2}
+                          mode="json"
+                          value={typeof step.value === "string"
+                            ? step.value
+                            : step.value.value}
+                          on:change={({ detail }) => {
+                            query.fields.steps[index].value = detail
+                          }}
+                        />
+                      {/key}
                     </div>
                   </div>
                 </Layout>