make backward compatible

src/components/Assets/AssetsViewScopeConfiguration/AssetsViewScopeConfiguration.stories.tsx

@@ -30,7 +30,7 @@ export const Default: Story = {
         codeDetailsList: []
       },
       hasErrors: false,
-      totalQueryResultCount: 0,
+      issuesInsightsCount: 0,
       analyticsInsightsCount: 0,
       unreadInsightsCount: 0
     },

src/components/Insights/InsightsCatalog/InsightsCatalog.stories.tsx

@@ -68,7 +68,7 @@ export const WithStats = {
           insightStats: {
             allIssuesCount: 100,
             criticalInsightsCount: 5,
-            totalQueryResultCount: 14,
+            issuesInsightsCount: 14,
             unreadInsightsCount: 20,
             analyticsInsightsCount: 10,
             scope: null

src/components/Insights/InsightsCatalog/InsightsPage/InsightsPage.stories.tsx

@@ -26,7 +26,7 @@ const scope: Scope = {
     codeDetailsList: []
   },
   hasErrors: false,
-  totalQueryResultCount: 0,
+  issuesInsightsCount: 0,
   analyticsInsightsCount: 0,
   unreadInsightsCount: 0
 };
@@ -52,7 +52,7 @@ export const WithInsights: Story = {
           ...initialState,
           scope: {
             ...scope,
-            totalQueryResultCount: 1
+            issuesInsightsCount: 1
           }
         }}
       >

src/components/Insights/InsightsCatalog/InsightsStats/InsightsStats.stories.tsx

@@ -22,3 +22,9 @@ export const Default: Story = {
     unreadCount: 12
   }
 };
+
+export const Old: Story = {
+  args: {
+    unreadCount: 12
+  }
+};

src/components/Insights/InsightsCatalog/InsightsStats/index.tsx

@@ -1,4 +1,6 @@
 import { useState } from "react";
+import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent";
+import { Tooltip } from "../../../common/v3/Tooltip";
 import { InsightFilterType } from "../types";
 import * as s from "./styles";
 import { InsightStatsProps } from "./types";
@@ -22,34 +24,48 @@ export const InsightStats = ({
     } else {
       selection.push(selectedFilter);
     }
+
+    sendUserActionTrackingEvent(`issues filter changed`, { selection });
     setSelectedFilters(selection);
     onChange(selection);
   };
 
   return (
     <s.Stats>
       <s.CriticalStat
-        disabled={
-          criticalCount === 0 && !selectedFilters.includes("criticality")
-        }
+        disabled={!criticalCount && !selectedFilters.includes("criticality")}
         $selected={selectedFilters.includes("criticality")}
         onClick={() => handleSelectionChange("criticality")}
       >
-        <s.StatCounter>{criticalCount}</s.StatCounter>
+        {criticalCount ? (
+          <s.StatCounter>{criticalCount}</s.StatCounter>
+        ) : (
+          <NotAssignedValue />
+        )}
         <s.StatDescription>Critical issues</s.StatDescription>
       </s.CriticalStat>
       <s.UnreadStat
-        disabled={unreadCount === 0 && !selectedFilters.includes("unread")}
+        disabled={!unreadCount && !selectedFilters.includes("unread")}
         $selected={selectedFilters.includes("unread")}
         onClick={() => handleSelectionChange("unread")}
       >
         <s.StatCounter>{unreadCount}</s.StatCounter>
         <s.StatDescription>Unread issues</s.StatDescription>
       </s.UnreadStat>
       <s.Stat>
-        <s.StatCounter>{allIssuesCount}</s.StatCounter>
+        {allIssuesCount ? (
+          <s.StatCounter>{allIssuesCount}</s.StatCounter>
+        ) : (
+          <NotAssignedValue />
+        )}
         <s.StatDescription>All issues</s.StatDescription>
       </s.Stat>
     </s.Stats>
   );
 };
+
+const NotAssignedValue = () => (
+  <Tooltip title="To see more statistics, please update digma backend to the latest version">
+    <s.StatCounter>N/A</s.StatCounter>
+  </Tooltip>
+);

src/components/Insights/InsightsCatalog/InsightsStats/types.ts

@@ -2,9 +2,9 @@ import { InsightFilterType } from "../types";
 
 export interface InsightStatsProps {
   onChange: (selected: InsightFilterType[]) => void;
-  allIssuesCount: number;
+  allIssuesCount?: number;
   unreadCount: number;
-  criticalCount: number;
+  criticalCount?: number;
 }
 
 export interface StatsProps {

src/components/Insights/InsightsCatalog/index.tsx

@@ -249,10 +249,8 @@ export const InsightsCatalog = (props: InsightsCatalogProps) => {
             {!searchInputValue &&
               (insights.length > 0 || selectedFilters.length > 0) && (
                 <InsightStats
-                  criticalCount={
-                    config.insightStats?.criticalInsightsCount || 0
-                  }
-                  allIssuesCount={config.insightStats?.allIssuesCount || 0}
+                  criticalCount={config.insightStats?.criticalInsightsCount}
+                  allIssuesCount={config.insightStats?.allIssuesCount}
                   unreadCount={config.insightStats?.unreadInsightsCount || 0}
                   onChange={handleFilterSelectionChange}
                 />

src/components/Navigation/ScopeBar/ScopeBar.stories.tsx

@@ -39,7 +39,7 @@ const mockedScope: Scope = {
     relatedCodeDetailsList: []
   },
   hasErrors: false,
-  totalQueryResultCount: 0,
+  issuesInsightsCount: 0,
   analyticsInsightsCount: 0,
   unreadInsightsCount: 0
 };

src/components/common/App/types.ts

@@ -60,7 +60,7 @@ export interface Scope {
     codeDetailsList: CodeDetails[];
   };
   hasErrors: boolean;
-  totalQueryResultCount: number;
+  issuesInsightsCount: number;
   analyticsInsightsCount: number;
   unreadInsightsCount: number;
 }
@@ -119,11 +119,11 @@ export interface InsightStats {
       spanCodeObjectId: string;
     };
   } | null;
-  totalQueryResultCount: number;
+  issuesInsightsCount: number;
   analyticsInsightsCount: number;
   unreadInsightsCount: number;
-  criticalInsightsCount: number;
-  allIssuesCount: number;
+  criticalInsightsCount?: number;
+  allIssuesCount?: number;
 }
 
 export interface UserInfo {