From 16061765ee7c3d643775d73d5f0d94d6d336ad84 Mon Sep 17 00:00:00 2001
From: Dean <deanhannigan@gmail.com>
Date: Fri, 28 Jun 2024 09:12:45 +0100
Subject: [PATCH] PR Feeback. Remove X icons in form.

---
 .../automation/SetupPanel/RowSelector.svelte  | 83 ++++++++-----------
 1 file changed, 33 insertions(+), 50 deletions(-)

diff --git a/packages/builder/src/components/automation/SetupPanel/RowSelector.svelte b/packages/builder/src/components/automation/SetupPanel/RowSelector.svelte
index 38f455b0d9..5abf2428d5 100644
--- a/packages/builder/src/components/automation/SetupPanel/RowSelector.svelte
+++ b/packages/builder/src/components/automation/SetupPanel/RowSelector.svelte
@@ -234,8 +234,36 @@
 {#each schemaFields || [] as [field, schema]}
   {#if !schema.autocolumn && Object.hasOwn(editableFields, field)}
     <PropField label={field} fullWidth={isFullWidth(schema.type)}>
-      <div class="prop-control-wrap">
-        {#if isTestModal}
+      {#if isTestModal}
+        <RowSelectorTypes
+          {isTestModal}
+          {field}
+          {schema}
+          bindings={parsedBindings}
+          value={editableRow}
+          meta={{
+            fields: editableFields,
+          }}
+          {onChange}
+        />
+      {:else}
+        <DrawerBindableSlot
+          title={$memoStore?.row?.title || field}
+          panel={AutomationBindingPanel}
+          type={schema.type}
+          {schema}
+          value={editableRow[field]}
+          on:change={e =>
+            onChange({
+              row: {
+                [field]: e.detail,
+              },
+            })}
+          {bindings}
+          allowJS={true}
+          updateOnChange={false}
+          drawerLeft="260px"
+        >
           <RowSelectorTypes
             {isTestModal}
             {field}
@@ -245,49 +273,10 @@
             meta={{
               fields: editableFields,
             }}
-            {onChange}
+            onChange={change => onChange(change)}
           />
-        {:else}
-          <DrawerBindableSlot
-            title={$memoStore?.row?.title || field}
-            panel={AutomationBindingPanel}
-            type={schema.type}
-            {schema}
-            value={editableRow[field]}
-            on:change={e =>
-              onChange({
-                row: {
-                  [field]: e.detail,
-                },
-              })}
-            {bindings}
-            allowJS={true}
-            updateOnChange={false}
-            drawerLeft="260px"
-          >
-            <RowSelectorTypes
-              {isTestModal}
-              {field}
-              {schema}
-              bindings={parsedBindings}
-              value={editableRow}
-              meta={{
-                fields: editableFields,
-              }}
-              onChange={change => onChange(change)}
-            />
-          </DrawerBindableSlot>
-        {/if}
-        <Icon
-          hoverable
-          name="Close"
-          on:click={() =>
-            onChange({
-              row: { [field]: null },
-              meta: { fields: { [field]: null } },
-            })}
-        />
-      </div>
+        </DrawerBindableSlot>
+      {/if}
     </PropField>
   {/if}
 {/each}
@@ -369,12 +358,6 @@
     color: var(--spectrum-global-color-gray-500);
   }
 
-  .prop-control-wrap {
-    display: grid;
-    grid-template-columns: 1fr min-content;
-    gap: var(--spacing-s);
-  }
-
   /* Override for general json field override */
   .prop-control-wrap :global(.icon.json-slot-icon) {
     right: 1px !important;