chore(heureka): adds a default constant for zero value and changes issue text leftover

Author: hodanoori

apps/heureka/src/components/Vulnerabilities/utils.ts

@@ -7,6 +7,8 @@ import { SELECTED_FILTER_PREFIX } from "../../constants"
 import { VulnerabilitiesSearchParams } from "../../routes/vulnerabilities"
 import { IssuesCountsType } from "../types"
 
+const DEFAULT_COUNT = 0
+
 export function getActiveVulnerabilityFilter(filterSettings: FilterSettings) {
   const filter: any = {}
   filterSettings.selectedFilters?.forEach((f: any) => {
@@ -130,7 +132,7 @@ export function getNormalizedVulnerabilitiesResponse(
         earliestTargetRemediationDate: edge?.node?.earliestTargetRemediationDate || "",
         sourceUrl: edge?.node?.sourceUrl || "",
         description: edge?.node?.description || "",
-        servicesCount: edge?.node?.services?.totalCount || 0,
+        servicesCount: edge?.node?.services?.totalCount || DEFAULT_COUNT,
         services,
         supportGroups,
       }
@@ -140,16 +142,16 @@ export function getNormalizedVulnerabilitiesResponse(
 
   return {
     vulnerabilities,
-    totalVulnerabilities: counts?.total || 0,
+    totalVulnerabilities: counts?.total || DEFAULT_COUNT,
     pages: data?.Vulnerabilities?.pageInfo?.pages?.filter((edge) => edge !== null) || [],
     pageNumber: data?.Vulnerabilities?.pageInfo?.pageNumber || 1,
     vulnerabilitiesCounts: {
-      critical: counts?.critical || 0,
-      high: counts?.high || 0,
-      medium: counts?.medium || 0,
-      low: counts?.low || 0,
-      none: counts?.none || 0,
-      total: counts?.total || 0,
+      critical: counts?.critical || DEFAULT_COUNT,
+      high: counts?.high || DEFAULT_COUNT,
+      medium: counts?.medium || DEFAULT_COUNT,
+      low: counts?.low || DEFAULT_COUNT,
+      none: counts?.none || DEFAULT_COUNT,
+      total: counts?.total || DEFAULT_COUNT,
     },
   }
 }

apps/heureka/src/components/common/IssueCountsPerSeverityLevel.tsx

@@ -14,7 +14,7 @@ type IssueCountsPerSeverityLevelProps = {
 
 export const IssueCountsPerSeverityLevel = ({ counts }: IssueCountsPerSeverityLevelProps) => {
   if (counts.total === 0) {
-    return <div>No issues found! 🚀</div>
+    return <div>No vulnerabilities found! 🚀</div>
   }
 
   return (
@@ -27,27 +27,27 @@ export const IssueCountsPerSeverityLevel = ({ counts }: IssueCountsPerSeverityLe
         icon="danger"
         count={counts.critical}
         variant={counts.critical > 0 ? "danger" : "default"}
-        tooltipContent="Critical Issues"
+        tooltipContent="Critical Vulnerabilities"
       />
       <SeverityCount
         icon="warning"
         count={counts.high}
         variant={counts.high > 0 ? "warning" : "default"}
-        tooltipContent="High Issues"
+        tooltipContent="High Vulnerabilities"
       />
       <SeverityCount
         icon="errorOutline"
         count={counts.medium}
         variant={counts.medium > 0 ? "warning" : "default"}
-        tooltipContent="Medium Issues"
+        tooltipContent="Medium Vulnerabilities"
       />
       <SeverityCount
         icon="info"
         count={counts.low}
         variant={counts.low > 0 ? "info" : "default"}
-        tooltipContent="Low Issues"
+        tooltipContent="Low Vulnerabilities"
       />
-      <SeverityCount icon="help" count={counts.none} variant="default" tooltipContent="None Issues" />
+      <SeverityCount icon="help" count={counts.none} variant="default" tooltipContent="None Vulnerabilities" />
     </Stack>
   )
 }