VizTooltips: Show data links without anchoring (#83638)

This commit is contained in:
Leon Sorokin
2024-02-28 17:06:05 -06:00
committed by GitHub
parent 6e75584505
commit 5eb7e09351
6 changed files with 19 additions and 27 deletions

View File

@@ -6,14 +6,14 @@ import { Field, GrafanaTheme2, LinkModel } from '@grafana/data';
import { Button, ButtonProps, DataLinkButton, HorizontalGroup } from '..';
import { useStyles2 } from '../../themes';
interface Props {
interface VizTooltipFooterProps {
dataLinks: Array<LinkModel<Field>>;
annotate?: () => void;
}
export const ADD_ANNOTATION_ID = 'add-annotation-button';
export const VizTooltipFooter = ({ dataLinks, annotate }: Props) => {
export const VizTooltipFooter = ({ dataLinks, annotate }: VizTooltipFooterProps) => {
const styles = useStyles2(getStyles);
const renderDataLinks = () => {
@@ -33,7 +33,7 @@ export const VizTooltipFooter = ({ dataLinks, annotate }: Props) => {
return (
<div className={styles.wrapper}>
{dataLinks.length > 0 && <div className={styles.dataLinks}>{renderDataLinks()}</div>}
{annotate && (
{annotate != null && (
<div className={styles.addAnnotations}>
<Button icon="comment-alt" variant="secondary" size="sm" id={ADD_ANNOTATION_ID} onClick={annotate}>
Add annotation