Use tooltip from grafana/ui

This commit is contained in:
Alexander Zobnin
2022-02-15 18:22:02 +03:00
parent 709e3ff65a
commit 657bf771a4
10 changed files with 8 additions and 215 deletions

View File

@@ -9,8 +9,9 @@ import EventTag from '../EventTag';
import AlertAcknowledges from './AlertAcknowledges';
import AlertIcon from './AlertIcon';
import { ProblemDTO, ZBXTag } from '../../../datasource-zabbix/types';
import { ModalController, Tooltip } from '../../../components';
import { ModalController } from '../../../components';
import { DataSourceRef } from '@grafana/data';
import { Tooltip } from '@grafana/ui';
interface AlertCardProps {
problem: ProblemDTO;
@@ -260,7 +261,7 @@ class AlertAcknowledgesButton extends PureComponent<AlertAcknowledgesButtonProps
let content = null;
if (problem.acknowledges && problem.acknowledges.length) {
content = (
<Tooltip placement="bottom" popperClassName="ack-tooltip" content={this.renderTooltipContent}>
<Tooltip placement="bottom" content={this.renderTooltipContent}>
<span><i className="fa fa-comments"></i></span>
</Tooltip>
);

View File

@@ -1,7 +1,7 @@
import React, { PureComponent } from 'react';
import { ZBXTag } from '../types';
import Tooltip from '../../components/Tooltip/Tooltip';
import { DataSourceRef } from '@grafana/data';
import { Tooltip } from '@grafana/ui';
const TAG_COLORS = [
'#E24D42',

View File

@@ -1,6 +1,7 @@
import React, { FC, PureComponent } from 'react';
import moment from 'moment';
import { TimeRange, DataSourceRef } from "@grafana/data";
import { Tooltip } from '@grafana/ui';
import { getDataSourceSrv } from '@grafana/runtime';
import * as utils from '../../../datasource-zabbix/utils';
import { ProblemDTO, ZBXAlert, ZBXEvent, ZBXGroup, ZBXHost, ZBXTag } from '../../../datasource-zabbix/types';
@@ -10,7 +11,7 @@ import { AckModal, AckProblemData } from '../AckModal';
import EventTag from '../EventTag';
import AcknowledgesList from './AcknowledgesList';
import ProblemTimeline from './ProblemTimeline';
import { AckButton, ExecScriptButton, ExploreButton, FAIcon, ModalController, Tooltip } from '../../../components';
import { AckButton, ExecScriptButton, ExploreButton, FAIcon, ModalController } from '../../../components';
import { ExecScriptData, ExecScriptModal } from '../ExecScriptModal';
import ProblemStatusBar from "./ProblemStatusBar";

View File

@@ -1,6 +1,6 @@
import React from 'react';
import { Tooltip } from '@grafana/ui';
import FAIcon from '../../../components/FAIcon/FAIcon';
import Tooltip from '../../../components/Tooltip/Tooltip';
import { ZBXTrigger, ZBXAlert } from '../../types';
export interface ProblemStatusBarProps {