Chore: Convert problems to functional component

src/panel-triggers/ProblemsPanel.tsx

@@ -1,13 +1,14 @@
 import React from 'react';
 import _ from 'lodash';
-import { DataSourceRef, dateMath, PanelProps } from '@grafana/data';
+import { dateMath, PanelProps } from '@grafana/data';
+import { DataSourceRef } from '@grafana/schema';
 import { getDataSourceSrv } from '@grafana/runtime';
 import { contextSrv } from 'grafana/app/core/core';
 import { ProblemsPanelOptions, RTResized } from './types';
 import { ZabbixMetricsQuery } from '../datasource/types/query';
 import { ProblemDTO, ZBXQueryUpdatedEvent, ZBXTag } from '../datasource/types';
 import { APIExecuteScriptResponse } from '../datasource/zabbix/connectors/zabbix_api/types';
-import ProblemList from './components/Problems/Problems';
+import { ProblemList } from './components/Problems/Problems';
 import { AckProblemData } from './components/AckModal';
 import AlertList from './components/AlertList/AlertList';
 

src/panel-triggers/components/AlertList/AlertCard.tsx

@@ -11,7 +11,7 @@ import AlertAcknowledges from './AlertAcknowledges';
 import AlertIcon from './AlertIcon';
 import { ProblemDTO, ZBXTag } from '../../../datasource/types';
 import { ModalController } from '../../../components';
-import { DataSourceRef } from '@grafana/data';
+import { DataSourceRef } from '@grafana/schema';
 import { Tooltip } from '@grafana/ui';
 import { getDataSourceSrv } from '@grafana/runtime';
 

src/panel-triggers/components/AlertList/AlertList.tsx

@@ -4,7 +4,7 @@ import { ProblemsPanelOptions } from '../../types';
 import { AckProblemData } from '../AckModal';
 import AlertCard from './AlertCard';
 import { ProblemDTO, ZBXTag } from '../../../datasource/types';
-import { DataSourceRef } from '@grafana/data';
+import { DataSourceRef } from '@grafana/schema';
 
 export interface AlertListProps {
   problems: ProblemDTO[];

src/panel-triggers/components/EventTag.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import { css } from '@emotion/css';
 import { Icon, Tooltip, useStyles2 } from '@grafana/ui';
-import { DataSourceRef, GrafanaTheme2 } from '@grafana/data';
+import { GrafanaTheme2 } from '@grafana/data';
+import { DataSourceRef } from '@grafana/schema';
 import { ZBXTag } from '../../datasource/types';
 
 const TAG_COLORS = [

src/panel-triggers/components/Problems/ProblemDetails.tsx

@@ -1,8 +1,9 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { css } from '@emotion/css';
 // eslint-disable-next-line
 import moment from 'moment';
-import { TimeRange, DataSourceRef, GrafanaTheme2 } from '@grafana/data';
+import { GrafanaTheme2, TimeRange } from '@grafana/data';
+import { DataSourceRef } from '@grafana/schema';
 import { Tooltip, useStyles2 } from '@grafana/ui';
 import { getDataSourceSrv } from '@grafana/runtime';
 import { ProblemDTO, ZBXAlert, ZBXEvent, ZBXTag } from '../../../datasource/types';