Merge pull request #2986 from SanjalKatiyar/pvc_health_card

Add VolumeHealthCard

Author: openshift-merge-bot[bot]

locales/en/plugin__odf-console.json

@@ -39,6 +39,8 @@
   "{{count}} minute_other": "{{count}} minute",
   "{{count}} more_one": "{{count}} more",
   "{{count}} more_other": "{{count}} more",
+  "{{count}} PersistentVolumeClaims need attention_one": "{{count}} PersistentVolumeClaims need attention",
+  "{{count}} PersistentVolumeClaims need attention_other": "{{count}} PersistentVolumeClaims need attention",
   "{{count}} placements_one": "{{count}} placements",
   "{{count}} placements_other": "{{count}} placements",
   "{{count}} provisioner_one": "{{count}} provisioner",
@@ -276,6 +278,7 @@
   "All disk type may include HDD disks. Data Foundation does not support HDD disks as local devices. Select SSD if you plan to use Data Foundation.": "All disk type may include HDD disks. Data Foundation does not support HDD disks as local devices. Select SSD if you plan to use Data Foundation.",
   "All headers": "All headers",
   "All metadata is filterable by default, unless you marked it as non-filterable when you created the index.": "All metadata is filterable by default, unless you marked it as non-filterable when you created the index.",
+  "All Namespaces": "All Namespaces",
   "All origins": "All origins",
   "All other capacity usage that are not a part of the top 5 consumers.": "All other capacity usage that are not a part of the top 5 consumers.",
   "All processes that use application subscription is deprecated": "All processes that use application subscription is deprecated",
@@ -1571,6 +1574,7 @@
   "No external systems connected": "No external systems connected",
   "No file systems found": "No file systems found",
   "No IAM users found": "No IAM users found",
+  "No issues found.": "No issues found.",
   "No labels": "No labels",
   "No less than {{min}} characters": "No less than {{min}} characters",
   "No lifecycle rules defined for the objects in your bucket.": "No lifecycle rules defined for the objects in your bucket.",
@@ -2569,11 +2573,13 @@
   "Versions": "Versions",
   "View {{title}} metrics in query browser": "View {{title}} metrics in query browser",
   "View all": "View all",
+  "View all PersistentVolumeClaims": "View all PersistentVolumeClaims",
   "View and manage your vector buckets": "View and manage your vector buckets",
   "View buckets": "View buckets",
   "View details": "View details",
   "View did not complete successfully.": "View did not complete successfully.",
   "View documentation": "View documentation",
+  "View Events": "View Events",
   "View external systems": "View external systems",
   "View failed objects": "View failed objects",
   "View health checks": "View health checks",
@@ -2594,6 +2600,9 @@
   "Volume Consistency groups": "Volume Consistency groups",
   "Volume consistency groups modal": "Volume consistency groups modal",
   "Volume group replication: ": "Volume group replication: ",
+  "Volume health": "Volume health",
+  "Volume health table": "Volume health table",
+  "Volume health table skeleton": "Volume health table skeleton",
   "Volume last synced on:": "Volume last synced on:",
   "Volume mode": "Volume mode",
   "Volume replication health": "Volume replication health",

packages/client/src/components/dashboards/cards/index.ts

@@ -2,3 +2,4 @@ export * from './activity-card';
 export * from './details-card';
 export * from './inventory-card';
 export * from './status-card';
+export * from './volume-health-card';

packages/client/src/components/dashboards/cards/volume-health-card.tsx

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { VolumeHealthCard as VolumeHealthCardContent } from '@odf/ocs/dashboards/common/volume-health-card/volume-health-card';
+import { getCephSC } from '@odf/ocs/utils/common';
+import { getName } from '@odf/shared/selectors';
+import {
+  PersistentVolumeClaimKind,
+  StorageClassResourceKind,
+} from '@odf/shared/types';
+import { filterPVCsByStorageClass } from '@odf/shared/utils';
+
+const pvcFilter = (
+  scs: StorageClassResourceKind[],
+  pvcs: PersistentVolumeClaimKind[],
+  _ns: string
+) => {
+  const cephSCs = getCephSC(scs).map(getName) || [];
+  const cephPVCs = filterPVCsByStorageClass(cephSCs, pvcs) || [];
+  const cephPVCsSet = new Set(cephPVCs.map(getName));
+
+  return (pvc: PersistentVolumeClaimKind) => cephPVCsSet.has(getName(pvc));
+};
+
+export const VolumeHealthCard: React.FC = () => {
+  return <VolumeHealthCardContent pvcFilter={pvcFilter} />;
+};

packages/client/src/components/dashboards/client-dashboard.tsx

@@ -5,13 +5,20 @@ import UtilizationCard from '@odf/ocs/dashboards/persistent-external/utilization
 import PageHeading from '@odf/shared/heading/page-heading';
 import { useCustomTranslation } from '@odf/shared/useCustomTranslationHook';
 import Tabs from '@odf/shared/utils/Tabs';
-import { ActivityCard, DetailsCard, StatusCard, InventoryCard } from './cards';
+import {
+  ActivityCard,
+  DetailsCard,
+  StatusCard,
+  InventoryCard,
+  VolumeHealthCard,
+} from './cards';
 
 const PersistentClientDashboard: React.FC = () => {
   const mainCards: React.ComponentType[] = [
     StatusCard,
     BreakdownCard,
     UtilizationCard,
+    VolumeHealthCard,
   ];
   const leftCards: React.ComponentType[] = [DetailsCard, InventoryCard];
   const rightCards: React.ComponentType[] = [ActivityCard];

packages/ocs/dashboards/block-pool/inventory-card.tsx

@@ -10,10 +10,10 @@ import {
   StorageClassResourceKind,
 } from '@odf/shared/types';
 import { useCustomTranslation } from '@odf/shared/useCustomTranslationHook';
+import { getStorageClassName } from '@odf/shared/utils';
 import { useK8sWatchResource } from '@openshift-console/dynamic-plugin-sdk';
 import { ResourceInventoryItem } from '@openshift-console/dynamic-plugin-sdk-internal';
 import { Card, CardBody, CardHeader, CardTitle } from '@patternfly/react-core';
-import { getStorageClassName } from '../../utils/common';
 import { BlockPoolDashboardContext } from './block-pool-dashboard-context';
 
 export const scResource = {