From d615513558597bbc917b3651735026b46b10d14d Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Wed, 11 Aug 2021 16:46:01 +0100
Subject: [PATCH] Fix validation value component always being an input

---
 .../ValidationEditor/ValidationDrawer.svelte              | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/ValidationEditor/ValidationDrawer.svelte b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/ValidationEditor/ValidationDrawer.svelte
index 16107eb70e..939b27df63 100644
--- a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/ValidationEditor/ValidationDrawer.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/ValidationEditor/ValidationDrawer.svelte
@@ -197,6 +197,8 @@
   const removeRule = id => {
     rules = rules.filter(link => link.id !== id)
   }
+
+  $: console.log(fieldType)
 </script>
 
 <DrawerContent>
@@ -277,13 +279,13 @@
                   />
                 {:else}
                   <!-- Otherwise we render a component based on the type -->
-                  {#if ["string", "number", "options", "longform"].includes(rule.type) || ["contains"]}
+                  {#if ["string", "number", "options", "longform"].includes(rule.type)}
                     <Input
                       disabled={rule.constraint === "required"}
                       bind:value={rule.value}
                       placeholder="Constraint value"
                     />
-                  {:else if fieldType === "boolean"}
+                  {:else if rule.type === "boolean"}
                     <Select
                       disabled={rule.constraint === "required"}
                       options={[
@@ -292,7 +294,7 @@
                       ]}
                       bind:value={rule.value}
                     />
-                  {:else if fieldType === "datetime"}
+                  {:else if rule.type === "datetime"}
                     <DatePicker
                       enableTime={false}
                       disabled={rule.constraint === "required"}