From 914beb890fe23dd500c176db05c3327d7d858a21 Mon Sep 17 00:00:00 2001
From: Gerard Burns <gjburns9@hotmail.com>
Date: Mon, 13 May 2024 13:44:54 +0100
Subject: [PATCH] add missing data type links, add missing state

---
 packages/bbui/src/Form/Core/Picker.svelte     |  2 --
 .../controls/Explanation/lines/Column.svelte  | 30 +++++++++++++++++--
 .../typography/DocumentationLink.svelte       | 12 +++++++-
 3 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/packages/bbui/src/Form/Core/Picker.svelte b/packages/bbui/src/Form/Core/Picker.svelte
index 235f8ecc9e..ef514a8a8b 100644
--- a/packages/bbui/src/Form/Core/Picker.svelte
+++ b/packages/bbui/src/Form/Core/Picker.svelte
@@ -47,7 +47,6 @@
   const dispatch = createEventDispatcher()
 
   let button
-  let popover
   let component
 
   $: sortedOptions = getSortedOptions(options, getOptionLabel, sort)
@@ -153,7 +152,6 @@
 <Popover
   anchor={customAnchor ? customAnchor : button}
   align={align || "left"}
-  bind:this={popover}
   {open}
   on:close={() => (open = false)}
   useAnchorWidth={!autoWidth}
diff --git a/packages/builder/src/components/design/settings/controls/Explanation/lines/Column.svelte b/packages/builder/src/components/design/settings/controls/Explanation/lines/Column.svelte
index 04d7f1adc1..f80c1dbc14 100644
--- a/packages/builder/src/components/design/settings/controls/Explanation/lines/Column.svelte
+++ b/packages/builder/src/components/design/settings/controls/Explanation/lines/Column.svelte
@@ -36,9 +36,34 @@
     if (columnType === "User") {
       return "https://docs.budibase.com/docs/user"
     }
+    if (columnType === "QR") {
+      return "https://docs.budibase.com/docs/barcodeqr"
+    }
+    if (columnType === "Relationship") {
+      return "https://docs.budibase.com/docs/relationships"
+    }
+    if (columnType === "Formula") {
+      return "https://docs.budibase.com/docs/formula"
+    }
+    if (columnType === "Options") {
+      return "https://docs.budibase.com/docs/options"
+    }
+    if (columnType === "BigInt") {
+      // No BigInt docs
+      return null
+    }
+    if (columnType === "Boolean") {
+      return "https://docs.budibase.com/docs/boolean-truefalse"
+    }
+    if (columnType === "Signature") {
+      // No Signature docs
+      return null
+    }
 
-    return ""
+    return null
   }
+
+  $: docLink = getDocLink(columnType);
 </script>
 
 <Line noWrap>
@@ -50,7 +75,8 @@
   />
   <Text value=" is a " />
   <DocumentationLink
-    href={getDocLink(columnType)}
+    disabled={docLink === null}
+    href={docLink}
     icon={columnIcon}
     text={`${columnType} column`}
   />
diff --git a/packages/builder/src/components/design/settings/controls/Explanation/typography/DocumentationLink.svelte b/packages/builder/src/components/design/settings/controls/Explanation/typography/DocumentationLink.svelte
index ce74c1fa57..08fa285164 100644
--- a/packages/builder/src/components/design/settings/controls/Explanation/typography/DocumentationLink.svelte
+++ b/packages/builder/src/components/design/settings/controls/Explanation/typography/DocumentationLink.svelte
@@ -4,9 +4,10 @@
   export let icon
   export let text
   export let href
+  export let disabled = false
 </script>
 
-<a tabindex="0" {href} rel="noopener noreferrer" target="_blank" class="link">
+<a class:disabled tabindex="0" {href} rel="noopener noreferrer" target="_blank" class="link">
   <Icon size="XS" name={icon} />
   <span class="text">
     <slot>
@@ -42,8 +43,17 @@
     filter: brightness(120%);
   }
 
+  .disabled {
+    filter: brightness(100%);
+    border-bottom: 1px solid var(--grey-6);
+  }
+
   .link :global(svg) {
     margin-right: 3px;
     color: var(--blue);
   }
+
+  .disabled :global(svg){
+    color: var(--grey-6);
+  }
 </style>