From 707c7de53669f1c1fc029f0e444ce7e4926b584f Mon Sep 17 00:00:00 2001
From: Gerard Burns <gjburns9@hotmail.com>
Date: Fri, 5 Apr 2024 10:06:11 +0100
Subject: [PATCH] working seemingly

---
 .../design/settings/controls/FieldContext/Chart.svelte   | 9 ++++++---
 .../design/settings/controls/MultiFieldSelect.svelte     | 7 +++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/builder/src/components/design/settings/controls/FieldContext/Chart.svelte b/packages/builder/src/components/design/settings/controls/FieldContext/Chart.svelte
index 9e96997e9e..916ac4446f 100644
--- a/packages/builder/src/components/design/settings/controls/FieldContext/Chart.svelte
+++ b/packages/builder/src/components/design/settings/controls/FieldContext/Chart.svelte
@@ -17,6 +17,7 @@
 
   export let errors = []
   export let warnings = []
+  export let tableHref = () => {}
 
   export let schema
 
@@ -74,15 +75,17 @@
 
   <div class="line topLine">
     <span class="bullet">•</span>
-    <div
+    <a
+      target="_blank" rel="noopener noreferrer"
       on:mouseenter={() => handleMouseenter("column")}
       on:mouseleave={() => handleMouseleave("column")}
+      href={tableHref}
       class="chip columnName"
     >
       <span>
       {columnName}
       </span>
-    </div>
+    </a>
     <span class="space" />
     <span class="text"> is a </span>
     <span class="space" />
@@ -334,6 +337,7 @@
     flex-grow: 0;
     flex-shrink: 1;
     min-width: 0;
+    color: var(--grey-8);
   }
 
   .bullet {
@@ -436,7 +440,6 @@
 
     vertical-align: baseline;
     background-color: var(--grey-3);
-    color: white;
   }
 
   .info :global(svg) {
diff --git a/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte b/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte
index 56bc79e6a8..4b0fd1fa2b 100644
--- a/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte
+++ b/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte
@@ -6,12 +6,17 @@
   import { validators, constants as validatorConstants } from "../fieldValidator";
   import ChartFieldContext from './FieldContext/Chart.svelte'
   import { FIELDS } from 'constants/backend'
+  import { goto, params } from "@roxi/routify"
 
   export let componentInstance = {}
   export let value = ""
   export let placeholder
   export let fieldValidator
 
+  $: {
+    console.log($params)
+  }
+
   let contextTooltipId = 0;
   let contextTooltipAnchor = null
   let currentOption = null
@@ -59,6 +64,7 @@
 
   const dispatch = createEventDispatcher()
   $: datasource = getDatasourceForProvider($selectedScreen, componentInstance)
+  $: console.log(datasource)
   $: schema = getSchemaForDatasource($selectedScreen, datasource).schema
   $: options = Object.keys(schema || {})
   $: fieldSupport = getFieldSupport(schema, fieldValidator);
@@ -204,6 +210,7 @@
 >
   <ChartFieldContext
     sidecar
+    tableHref={`/builder/app/${$params.application}/data/table/${datasource.tableId}`}
     schema={schema[currentOption]}
     support={fieldSupport[currentOption]}
     supportLevelClass={currentOptionSupport.class}