From d0aae3e0c7e25f9f0425bfef70e6f080e54a97c9 Mon Sep 17 00:00:00 2001 From: Le Roux Bodenstein Date: Tue, 8 Apr 2025 15:09:38 +0100 Subject: [PATCH] fix tooltip triggers in indexes plugin --- .../regular-indexes-table/property-field.tsx | 11 ++++++++++- .../regular-indexes-table/status-field.tsx | 16 +++++++++++----- .../regular-indexes-table/type-field.tsx | 12 +++++++++--- .../search-indexes-table.tsx | 12 +++++++++--- 4 files changed, 39 insertions(+), 12 deletions(-) diff --git a/packages/compass-indexes/src/components/regular-indexes-table/property-field.tsx b/packages/compass-indexes/src/components/regular-indexes-table/property-field.tsx index e9994e21d1d..1c6cb91e158 100644 --- a/packages/compass-indexes/src/components/regular-indexes-table/property-field.tsx +++ b/packages/compass-indexes/src/components/regular-indexes-table/property-field.tsx @@ -43,7 +43,16 @@ const PropertyBadgeWithTooltip: React.FunctionComponent<{ return ( } + trigger={({ + children: tooltipChildren, + ...tooltipTriggerProps + }: React.HTMLProps) => ( +
+ + {tooltipChildren} +
+ )} + triggerEvent="hover" > {tooltip} diff --git a/packages/compass-indexes/src/components/regular-indexes-table/status-field.tsx b/packages/compass-indexes/src/components/regular-indexes-table/status-field.tsx index 845cb23b225..941bc1582ea 100644 --- a/packages/compass-indexes/src/components/regular-indexes-table/status-field.tsx +++ b/packages/compass-indexes/src/components/regular-indexes-table/status-field.tsx @@ -35,11 +35,17 @@ const BadgeWithTooltip: React.FunctionComponent<{ - {children} - - } + trigger={({ + children: tooltipChildren, + ...tooltipTriggerProps + }: React.HTMLProps) => ( +
+ + {children} + + {tooltipChildren} +
+ )} > {tooltip} diff --git a/packages/compass-indexes/src/components/regular-indexes-table/type-field.tsx b/packages/compass-indexes/src/components/regular-indexes-table/type-field.tsx index b8fd4b81c89..e2586d6d854 100644 --- a/packages/compass-indexes/src/components/regular-indexes-table/type-field.tsx +++ b/packages/compass-indexes/src/components/regular-indexes-table/type-field.tsx @@ -44,9 +44,15 @@ const TypeField: React.FunctionComponent = ({ return ( - } + trigger={({ + children: tooltipChildren, + ...tooltipTriggerProps + }: React.HTMLProps) => ( +
+ + {tooltipChildren} +
+ )} > {extra && } diff --git a/packages/compass-indexes/src/components/search-indexes-table/search-indexes-table.tsx b/packages/compass-indexes/src/components/search-indexes-table/search-indexes-table.tsx index ef369e8f207..50f5d061c5c 100644 --- a/packages/compass-indexes/src/components/search-indexes-table/search-indexes-table.tsx +++ b/packages/compass-indexes/src/components/search-indexes-table/search-indexes-table.tsx @@ -148,9 +148,15 @@ function VectorSearchIndexDetails({ definition }: { definition: Document }) { align="top" key={field.path} justify="middle" - trigger={ - {field.path} - } + trigger={({ + children: tooltipChildren, + ...tooltipTriggerProps + }: React.HTMLProps) => ( +
+ {field.path} + {tooltipChildren} +
+ )} > {JSON.stringify(field, null, 2)}