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}
-
+ {#key query.parameters}
+ {
+ query.parameters = e.detail
+ }}
+ />
+ {/key}
{/if}
{#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,
+ }
+ })
+ )
}}
/>