From 943c3a1bf292404cc1a905e3158576ec0b57657d Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Wed, 26 May 2021 08:49:54 +0100
Subject: [PATCH] Fix execute query action not working

---
 .../EventsEditor/actions/ExecuteQuery.svelte  | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/ExecuteQuery.svelte b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/ExecuteQuery.svelte
index 1c0c133cc3..09f420b4d9 100644
--- a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/ExecuteQuery.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/ExecuteQuery.svelte
@@ -24,18 +24,18 @@
   }
 </script>
 
-<Layout noGap noPadding>
-  <Label>Datasource</Label>
+<Layout>
   <Select
+    label="Datasource"
     bind:value={parameters.datasourceId}
-    option={$datasources.list}
+    options={$datasources.list}
     getOptionLabel={source => source.name}
     getOptionValue={source => source._id}
   />
 
   {#if parameters.datasourceId}
-    <Label>Query</Label>
     <Select
+      label="Query"
       bind:value={parameters.queryId}
       options={$queries.list.filter(
         query => query.datasourceId === datasource._id
@@ -46,17 +46,19 @@
   {/if}
 
   {#if query?.parameters?.length > 0}
-    <ParameterBuilder
-      bind:customParams={parameters.queryParams}
-      parameters={query.parameters}
-      bindings={bindableProperties}
-    />
-    <IntegrationQueryEditor
-      height={200}
-      {query}
-      schema={fetchQueryDefinition(query)}
-      editable={false}
-      {datasource}
-    />
+    <div>
+      <ParameterBuilder
+        bind:customParams={parameters.queryParams}
+        parameters={query.parameters}
+        bindings={bindableProperties}
+      />
+      <IntegrationQueryEditor
+        height={200}
+        {query}
+        schema={fetchQueryDefinition(query)}
+        editable={false}
+        {datasource}
+      />
+    </div>
   {/if}
 </Layout>