Fixing issue with custom datasource section appearing when none exist.

2022-08-18 12:58:43 +01:00 · 2022-08-18 12:58:43 +01:00 · 7e2d9cd91a
parent 2d5d22c914
commit 7e2d9cd91a
1 changed files with 16 additions and 11 deletions
--- a/packages/builder/src/components/backend/DatasourceNavigator/modals/CreateDatasourceModal.svelte
+++ b/packages/builder/src/components/backend/DatasourceNavigator/modals/CreateDatasourceModal.svelte
@ -28,6 +28,9 @@
  let importModal

  $: showImportButton = false
+  $: customIntegrations = Object.entries(integrations).filter(
+    entry => entry[1].custom
+  )

  checkShowImport()

@ -163,17 +166,19 @@
          />
        {/each}
      </div>
-      <Body size="S">Custom data source</Body>
-      <div class="item-list">
-        {#each Object.entries(integrations).filter(entry => entry[1].custom) as [integrationType, schema]}
-          <DatasourceCard
-            on:selected={evt => selectIntegration(evt.detail)}
-            {schema}
-            bind:integrationType
-            {integration}
-          />
-        {/each}
-      </div>
+      {#if customIntegrations.length > 0}
+        <Body size="S">Custom data source</Body>
+        <div class="item-list">
+          {#each customIntegrations as [integrationType, schema]}
+            <DatasourceCard
+              on:selected={evt => selectIntegration(evt.detail)}
+              {schema}
+              bind:integrationType
+              {integration}
+            />
+          {/each}
+        </div>
+      {/if}
    </Layout>
  </ModalContent>
 </Modal>