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)}