From 7037ee6a9fe25864fa5832df0e95699abe7e3a75 Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Wed, 28 Jun 2023 12:17:13 +0100
Subject: [PATCH] Reuse fields

---
 .../ConfigEditor/fields/FieldGroup.svelte     | 24 +++++--------------
 1 file changed, 6 insertions(+), 18 deletions(-)

diff --git a/packages/builder/src/components/backend/Datasources/ConfigEditor/fields/FieldGroup.svelte b/packages/builder/src/components/backend/Datasources/ConfigEditor/fields/FieldGroup.svelte
index b7440e251f..eaab7d1508 100644
--- a/packages/builder/src/components/backend/Datasources/ConfigEditor/fields/FieldGroup.svelte
+++ b/packages/builder/src/components/backend/Datasources/ConfigEditor/fields/FieldGroup.svelte
@@ -1,6 +1,7 @@
 <script>
   import { createEventDispatcher } from "svelte"
-  import { Label, Input, Layout, Accordion } from "@budibase/bbui"
+  import { Layout, Accordion } from "@budibase/bbui"
+  import ConfigInput from "../ConfigInput.svelte"
 
   export let value
   export let name
@@ -27,23 +28,10 @@
 >
   <Layout gap="S">
     {#each value as field}
-      <div class="form-row">
-        <Label>{field.name}</Label>
-        <Input
-          type={field.type}
-          on:change={e => handleChange(field.key, e.detail)}
-          value={field.value}
-        />
-      </div>
+      <ConfigInput
+        {...field}
+        on:change={e => handleChange(field.key, e.detail)}
+      />
     {/each}
   </Layout>
 </Accordion>
-
-<style>
-  .form-row {
-    display: grid;
-    grid-template-columns: 20% 1fr;
-    grid-gap: var(--spacing-l);
-    align-items: center;
-  }
-</style>