Merge pull request #74 from digma-ai/fix/icons

Update insight icons

Author: kshmidt-digma

.github/workflows/digma-bump.yml

@@ -3,9 +3,18 @@ name: Bump Digma Jaeger UI version and push git tag
 on:
   workflow_dispatch:
     inputs:
-      version:
-        description: 'Version to set (e.g., 1.2.3)'
+      version_type:
+        description: 'Type of version bump'
         required: true
+        type: choice
+        options:
+          - major
+          - minor
+          - patch
+          - premajor
+          - preminor
+          - prepatch
+          - prerelease
 
 jobs:
   bump:
@@ -24,14 +33,29 @@ jobs:
           VERSION=$(jq -r '.version' ./packages/jaeger-ui/package.json)
           echo "VERSION=$VERSION" >> $GITHUB_ENV
 
+      - name: Get current digma-jaeger-ui version
+        id: get-version
+        run: |
+          CURRENT_DIGMA_JAEGER_UI_VERSION=$(jq -r '.["digma-jaeger-ui-version"]' ./packages/jaeger-ui/package.json)
+          echo "CURRENT_DIGMA_JAEGER_UI_VERSION=$CURRENT_DIGMA_JAEGER_UI_VERSION" >> $GITHUB_ENV
+
+      - name: Calculate next digma-jaeger-ui version
+        run: |
+          if [[ "${{ inputs.version_type }}" == "prerelease" || "${{ inputs.version_type }}" == "premajor" || "${{ inputs.version_type }}" == "preminor" || "${{ inputs.version_type }}" == "prepatch" ]]; then
+            NEXT_DIGMA_JAEGER_UI_VERSION=$(npx semver $CURRENT_DIGMA_JAEGER_UI_VERSION -i ${{ inputs.version_type }} --preid alpha)
+          else
+            NEXT_DIGMA_JAEGER_UI_VERSION=$(npx semver $CURRENT_DIGMA_JAEGER_UI_VERSION -i ${{ inputs.version_type }})
+          fi
+          echo "NEXT_DIGMA_JAEGER_UI_VERSION=$NEXT_DIGMA_JAEGER_UI_VERSION" >> $GITHUB_ENV
+
       - name: Update digma-jaeger-ui version
         run: |
-          jq '.["digma-jaeger-ui-version"] = "${{ inputs.version }}"' ./packages/jaeger-ui/package.json > tmp.$$.json && mv tmp.$$.json ./packages/jaeger-ui/package.json
+          jq '.["digma-jaeger-ui-version"] = "${{ env.NEXT_DIGMA_JAEGER_UI_VERSION }}"' ./packages/jaeger-ui/package.json > tmp.$$.json && mv tmp.$$.json ./packages/jaeger-ui/package.json
 
       - run: |
-          TAG="v${{ env.VERSION }}-digma.${{ inputs.version }}"
+          TAG="v${{ env.VERSION }}-digma.${{ env.NEXT_DIGMA_JAEGER_UI_VERSION }}"
           git add packages/jaeger-ui/package.json
-          git commit -m "Bump Digma Jaeger UI version to ${{ inputs.version }} [skip ci]"
+          git commit -m "Bump Digma Jaeger UI version to ${{ env.NEXT_DIGMA_JAEGER_UI_VERSION }} [skip ci]"
           git tag $TAG
           git push
           git push origin $TAG

packages/jaeger-ui/src/components/common/InsightIcon/types.ts

@@ -32,4 +32,5 @@ export enum InsightType {
   EndpointQueryOptimization = 'EndpointQueryOptimization',
   EndpointQueryOptimizationV2 = 'EndpointQueryOptimizationV2',
   EndpointSlowdownSource = 'EndpointSlowdownSource',
+  SpanPerformanceAnomaly = 'SpanPerformanceAnomaly',
 }

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 PulseIcon from '../icons/PulseIcon';
 import TwoHorizontalEndpointsIcon from '../icons/TwoHorizontalEndpointsIcon';
 
 export const getInsightTypeInfo = (
@@ -119,6 +120,10 @@ export const getInsightTypeInfo = (
       icon: SQLDatabaseIcon,
       label: 'Inefficient Query',
     },
+    [InsightType.SpanPerformanceAnomaly]: {
+      icon: PulseIcon,
+      label: 'Performance Anomaly',
+    },
   };
 
   return insightInfoMap[type];

packages/jaeger-ui/src/components/common/icons/PulseIcon.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { useIconProps } from './hooks';
+import { IIconProps } from './types';
+
+const PulseIconComponent = (props: IIconProps) => {
+  const { size, color } = useIconProps(props);
+
+  return (
+    <svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <path
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M1 8h3.111l2.333 6L9.556 2l2.333 6H15"
+      />
+    </svg>
+  );
+};
+
+const PulseIcon = React.memo(PulseIconComponent);
+
+export default PulseIcon;

packages/jaeger-ui/src/components/common/icons/SoundWaveIcon.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { useIconProps } from './hooks';
+import { IIconProps } from './types';
+
+const SoundWaveIconComponent = (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
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M1 6.67v2M3.8 4v7.33M6.6 2v12m2.8-8.67V10m2.8-6.67V12M15 6.67v2"
+      />
+    </svg>
+  );
+};
+
+const SoundWaveIcon = React.memo(SoundWaveIconComponent);
+
+export default SoundWaveIcon;