Add days filter to the stats and filters payload

Author: kshmidt-digma

src/components/Insights/hooks/useInsightsStats.ts

@@ -1,6 +1,9 @@
 import { useCallback, useMemo } from "react";
+import { getFeatureFlagValue } from "../../../featureFlags";
 import { useGetInsightsStatsQuery } from "../../../redux/services/digma";
+import { useConfigSelector } from "../../../store/config/useConfigSelector";
 import { useInsightsSelector } from "../../../store/insights/useInsightsSelector";
+import { FeatureFlag } from "../../../types";
 
 const REFRESH_INTERVAL = 10 * 1000; // in milliseconds
 
@@ -15,12 +18,20 @@ export const useInsightsStats = ({
   environmentId,
   services
 }: UseInsightStatsProps) => {
+  const { backendInfo } = useConfigSelector();
+
   const {
     filteredInsightTypes: filteredInsightTypesInSpanScope,
     filteredInsightTypesInGlobalScope,
-    search
+    search,
+    lastDays
   } = useInsightsSelector();
 
+  const isIssuesLastDaysFilterEnabled = getFeatureFlagValue(
+    backendInfo,
+    FeatureFlag.IsIssuesLastDaysFilterEnabled
+  );
+
   const filteredInsightTypes = spanCodeObjectId
     ? filteredInsightTypesInSpanScope
     : filteredInsightTypesInGlobalScope;
@@ -39,7 +50,8 @@ export const useInsightsStats = ({
           : undefined,
       services:
         filteredServices.length > 0 ? filteredServices.join(",") : undefined,
-      displayName: search.length > 0 ? search : undefined
+      displayName: search.length > 0 ? search : undefined,
+      lastDays: isIssuesLastDaysFilterEnabled ? lastDays : undefined
     },
     {
       skip: !environmentId,

src/components/Insights/hooks/useIssuesFilters.ts

@@ -21,7 +21,8 @@ export const useIssuesFilters = ({ isEnabled }: UseIssuesFiltersProps) => {
     filteredCriticalityLevels: filteredCriticalityLevelsInSpanScope,
     filteredCriticalityLevelsInGlobalScope,
     viewMode,
-    filters
+    filters,
+    lastDays
   } = useInsightsSelector();
   const { setInsightsIssuesFilters: setData } = useStore.getState();
   const { environment, scope, backendInfo, selectedServices } =
@@ -34,6 +35,11 @@ export const useIssuesFilters = ({ isEnabled }: UseIssuesFiltersProps) => {
     FeatureFlag.IsIssuesCriticalityLevelsFilterEnabled
   );
 
+  const isIssuesLastDaysFilterEnabled = getFeatureFlagValue(
+    backendInfo,
+    FeatureFlag.IsIssuesLastDaysFilterEnabled
+  );
+
   const payload: GetIssuesFiltersPayload = useMemo(() => {
     const filteredInsightTypes = spanCodeObjectId
       ? filteredInsightTypesInSpanScope
@@ -65,7 +71,8 @@ export const useIssuesFilters = ({ isEnabled }: UseIssuesFiltersProps) => {
       criticalityFilter:
         isCriticalityLevelsFilterEnabled && filteredCriticalityLevels.length > 0
           ? filteredCriticalityLevels
-          : undefined
+          : undefined,
+      lastDays: isIssuesLastDaysFilterEnabled ? lastDays : undefined
     };
   }, [
     search,
@@ -78,7 +85,9 @@ export const useIssuesFilters = ({ isEnabled }: UseIssuesFiltersProps) => {
     filteredInsightTypesInSpanScope,
     filteredInsightTypesInGlobalScope,
     filteredCriticalityLevelsInSpanScope,
-    filteredCriticalityLevelsInGlobalScope
+    filteredCriticalityLevelsInGlobalScope,
+    isIssuesLastDaysFilterEnabled,
+    lastDays
   ]);
 
   const { data: issuesFiltersData } = useGetIssuesFiltersQuery(payload, {

src/redux/services/types.ts

@@ -561,6 +561,7 @@ export interface GetInsightsStatsPayload {
   scopedSpanCodeObjectId?: string;
   directOnly?: boolean;
   environment?: string;
+  lastDays?: number;
 }
 
 export interface GetInsightsStatsResponse {
@@ -604,6 +605,7 @@ export interface GetIssuesFiltersPayload {
   displayName?: string;
   showDismissed?: boolean;
   environment?: string;
+  lastDays?: number;
 }
 
 export interface IssueTypeFilter {