From 83d6a7c56dd687ccb2c846275d5ebbd3b9089516 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Wed, 14 Jul 2021 15:45:05 +0100
Subject: [PATCH] Disable save button in drawerbindableinput when syntax is
 invalid

---
 .../components/common/bindings/DrawerBindableInput.svelte   | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/components/common/bindings/DrawerBindableInput.svelte b/packages/builder/src/components/common/bindings/DrawerBindableInput.svelte
index faf1776e8e..ee2487a9d6 100644
--- a/packages/builder/src/components/common/bindings/DrawerBindableInput.svelte
+++ b/packages/builder/src/components/common/bindings/DrawerBindableInput.svelte
@@ -17,6 +17,7 @@
 
   const dispatch = createEventDispatcher()
   let bindingDrawer
+  let valid = true
   $: readableValue = runtimeToReadableBinding(bindings, value)
   $: tempValue = readableValue
 
@@ -48,10 +49,13 @@
   <svelte:fragment slot="description">
     Add the objects on the left to enrich your text.
   </svelte:fragment>
-  <Button cta slot="buttons" on:click={saveBinding}>Save</Button>
+  <Button cta slot="buttons" disabled={!valid} on:click={saveBinding}>
+    Save
+  </Button>
   <svelte:component
     this={panel}
     slot="body"
+    bind:valid
     value={readableValue}
     on:change={event => (tempValue = event.detail)}
     bindableProperties={bindings}