From d74bc37a24f878677f36b3d523bdc496c90bf3a9 Mon Sep 17 00:00:00 2001
From: "grafana-delivery-bot[bot]"
 <132647405+grafana-delivery-bot[bot]@users.noreply.github.com>
Date: Wed, 24 Apr 2024 09:59:44 -0600
Subject: [PATCH] [v11.0.x] Add onClick behaviour to links to new tooltips
 (#86881)

Add onClick behaviour to links to new tooltips (#84974)

* Add onClick behaviour to new tooltips

* Prefer using DataLink component

(cherry picked from commit 9e54c450d700e7073bd547254ee0ca0a76fdbd66)

Co-authored-by: Javier Ruiz <javiruiz01@users.noreply.github.com>
---
 .../features/visualization/data-hover/ExemplarHoverView.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/public/app/features/visualization/data-hover/ExemplarHoverView.tsx b/public/app/features/visualization/data-hover/ExemplarHoverView.tsx
index c7f4fcc1a5c..e3c1c285076 100644
--- a/public/app/features/visualization/data-hover/ExemplarHoverView.tsx
+++ b/public/app/features/visualization/data-hover/ExemplarHoverView.tsx
@@ -2,7 +2,7 @@ import { css } from '@emotion/css';
 import React from 'react';
 
 import { GrafanaTheme2, LinkModel } from '@grafana/data';
-import { LinkButton, useStyles2 } from '@grafana/ui';
+import { DataLinkButton, useStyles2 } from '@grafana/ui';
 import { VizTooltipRow } from '@grafana/ui/src/components/VizTooltip/VizTooltipRow';
 import { renderValue } from 'app/plugins/panel/geomap/utils/uiUtils';
 
@@ -42,9 +42,7 @@ export const ExemplarHoverView = ({ displayValues, links, header = 'Exemplar' }:
       {links && links.length > 0 && (
         <div className={styles.exemplarFooter}>
           {links.map((link, i) => (
-            <LinkButton key={i} href={link.href} className={styles.linkButton}>
-              {link.title}
-            </LinkButton>
+            <DataLinkButton link={link} key={i} buttonProps={{ size: 'md' }} />
           ))}
         </div>
       )}