From e9b84659f420b20e367ebba20b6c6d46eea913b4 Mon Sep 17 00:00:00 2001
From: Mel O'Hagan <mel@budibase.com>
Date: Wed, 2 Nov 2022 11:22:48 +0000
Subject: [PATCH] Refresh BindingBuilder if query.parameters changes

---
 .../components/integration/QueryViewer.svelte   | 10 +++++++++-
 .../QueryViewerBindingBuilder.svelte            | 17 +++++++++++------
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/packages/builder/src/components/integration/QueryViewer.svelte b/packages/builder/src/components/integration/QueryViewer.svelte
index 87b3dee45d..00530b6819 100644
--- a/packages/builder/src/components/integration/QueryViewer.svelte
+++ b/packages/builder/src/components/integration/QueryViewer.svelte
@@ -132,7 +132,15 @@
           config={integrationInfo.extra}
         />
       {/if}
-      <BindingBuilder bind:queryBindings={query.parameters} bindable={false} />
+      {#key query.parameters}
+        <BindingBuilder
+          queryBindings={query.parameters}
+          bindable={false}
+          on:change={e => {
+            query.parameters = e.detail
+          }}
+        />
+      {/key}
     {/if}
   </div>
   {#if shouldShowQueryConfig}
diff --git a/packages/builder/src/components/integration/QueryViewerBindingBuilder.svelte b/packages/builder/src/components/integration/QueryViewerBindingBuilder.svelte
index 64736e5f78..57d3ec2359 100644
--- a/packages/builder/src/components/integration/QueryViewerBindingBuilder.svelte
+++ b/packages/builder/src/components/integration/QueryViewerBindingBuilder.svelte
@@ -2,6 +2,7 @@
   import { Body, Button, Heading, Layout } from "@budibase/bbui"
   import KeyValueBuilder from "components/integration/KeyValueBuilder.svelte"
   import { getUserBindings } from "builderStore/dataBinding"
+  import { createEventDispatcher } from "svelte"
   export let bindable = true
   export let queryBindings = []
 
@@ -11,6 +12,7 @@
     acc[binding.name] = binding.default
     return acc
   }, {})
+  let dispatch = createEventDispatcher()
 
   function newQueryBinding() {
     queryBindings = [...queryBindings, {}]
@@ -45,12 +47,15 @@
       bindings={[...userBindings]}
       bindingDrawerLeft="260px"
       on:change={e => {
-        queryBindings = e.detail.map(binding => {
-          return {
-            name: binding.name,
-            default: binding.value,
-          }
-        })
+        dispatch(
+          "change",
+          e.detail.map(binding => {
+            return {
+              name: binding.name,
+              default: binding.value,
+            }
+          })
+        )
       }}
     />
   </div>