Merge pull request #73 from digma-ai/fix/chatty-api-icon

Update Excessive API calls insight icon

Author: kshmidt-digma

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]: {

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 (
+    <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} fill="none" viewBox="0 0 16 16">
+      <path
+        fill={color}
+        d="M13 9c-.929 0-1.705.64-1.929 1.5H1v1h10.071c.2235.86 1 1.5 1.929 1.5 1.103 0 2-.897 2-2s-.897-2-2-2Zm0 3c-.5515 0-1-.4485-1-1s.4485-1 1-1 1 .4485 1 1-.4485 1-1 1Zm0-9c-.929 0-1.705.64-1.929 1.5H1v1h10.071c.2235.86 1 1.5 1.929 1.5 1.103 0 2-.897 2-2s-.897-2-2-2Zm0 3c-.5515 0-1-.4485-1-1s.4485-1 1-1 1 .4485 1 1-.4485 1-1 1Z"
+      />
+    </svg>
+  );
+};
+
+const TwoHorizontalEndpointsIcon = React.memo(TwoHorizontalEndpointsIconComponent);
+
+export default TwoHorizontalEndpointsIcon;