Rename Changes tab in Metrics Report

Author: kshmidt-digma

src/components/common/IssuesReport/Header/index.tsx

@@ -181,6 +181,14 @@ export const Header = ({
   const titleSuffix = viewLevel === "endpoints" ? " Endpoints" : "";
   const tooltipTitle = `${title} ${titleSuffix}`;
 
+  const isNewBehaviorForMetricsTimeModesEnabled = getFeatureFlagValue(
+    backendInfo,
+    FeatureFlag.IsNewBehaviorForMetricsTimeModesEnabled
+  );
+  const changesTimeModeTitle = isNewBehaviorForMetricsTimeModesEnabled
+    ? "New"
+    : "Changes";
+
   return (
     <s.Container>
       <s.Row>
@@ -206,10 +214,10 @@ export const Header = ({
             <s.Title>{title}</s.Title>
           )}
         </s.TitleContainer>
-        <s.TimeModeToggle
+        <s.TimeModeToggle<IssuesReportTimeMode>
           options={[
             { value: "baseline", label: "Baseline" },
-            { value: "changes", label: "Changes" }
+            { value: "changes", label: changesTimeModeTitle }
           ]}
           value={timeMode}
           onValueChange={handleTimeModeChange}

src/featureFlags.ts

@@ -32,7 +32,8 @@ export const featureFlagMinBackendVersions: Record<FeatureFlag, string> = {
   [FeatureFlag.IsHttpGetMethodSpanPercentilesHistogramEnabled]: "0.3.199",
   [FeatureFlag.IsInsightSeveritySortingEnabled]: "0.3.204",
   [FeatureFlag.IsUserIdEnabled]: "0.3.212",
-  [FeatureFlag.IsIssuesCriticalityLevelsFilterEnabled]: "0.3.214"
+  [FeatureFlag.IsIssuesCriticalityLevelsFilterEnabled]: "0.3.214",
+  [FeatureFlag.IsNewBehaviorForMetricsTimeModesEnabled]: "0.3.274"
 };
 
 export const getFeatureFlagValue = (

src/types.ts

@@ -29,7 +29,8 @@ export enum FeatureFlag {
   IsInsightSeveritySortingEnabled,
   IsHttpGetMethodSpanPercentilesHistogramEnabled,
   IsUserIdEnabled,
-  IsIssuesCriticalityLevelsFilterEnabled
+  IsIssuesCriticalityLevelsFilterEnabled,
+  IsNewBehaviorForMetricsTimeModesEnabled
 }
 
 export enum InsightType {