diff --git a/packages/jaeger-ui/src/components/common/InsightIcon/utils.ts b/packages/jaeger-ui/src/components/common/InsightIcon/utils.ts index 1ce224527e..65b700525e 100644 --- a/packages/jaeger-ui/src/components/common/InsightIcon/utils.ts +++ b/packages/jaeger-ui/src/components/common/InsightIcon/utils.ts @@ -14,6 +14,7 @@ import { IIconProps } from '../icons/types'; import { InsightType } from './types'; import ClockWithTicksIcon from '../icons/ClockWithTicksIcon'; import PieChartIcon from '../icons/PieChartIcon'; +import TwoHorizontalEndpointsIcon from '../icons/TwoHorizontalEndpointsIcon'; export const getInsightTypeInfo = ( type: InsightType @@ -99,7 +100,7 @@ export const getInsightTypeInfo = ( label: 'Session in View Query Detected', }, [InsightType.EndpointChattyApiV2]: { - icon: SQLDatabaseIcon, + icon: TwoHorizontalEndpointsIcon, label: 'Excessive API Calls Detected', }, [InsightType.EndpointHighNumberOfQueries]: { diff --git a/packages/jaeger-ui/src/components/common/icons/TwoHorizontalEndpointsIcon.tsx b/packages/jaeger-ui/src/components/common/icons/TwoHorizontalEndpointsIcon.tsx new file mode 100644 index 0000000000..6d4701831f --- /dev/null +++ b/packages/jaeger-ui/src/components/common/icons/TwoHorizontalEndpointsIcon.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { useIconProps } from './hooks'; +import { IIconProps } from './types'; + +const TwoHorizontalEndpointsIconComponent = (props: IIconProps) => { + const { size, color } = useIconProps(props); + + return ( + + + + ); +}; + +const TwoHorizontalEndpointsIcon = React.memo(TwoHorizontalEndpointsIconComponent); + +export default TwoHorizontalEndpointsIcon;