forked from openshift/console
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Inventory.tsx
52 lines (46 loc) · 1.47 KB
/
Inventory.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
import * as React from 'react';
import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import { MonitoringIcon } from '@patternfly/react-icons';
import {
K8sResourceCommon,
useK8sWatchResource,
InventoryItem,
InventoryItemTitle,
InventoryItemBody,
InventoryItemStatus,
InventoryItemLoading,
} from '@openshift-console/dynamic-plugin-sdk';
const workerNodesLink = '/k8s/cluster/nodes?rowFilter-node-role=worker';
const WorkerNodeInventory: React.FC = () => {
const { t } = useTranslation('plugin__console-demo-plugin');
const [nodes, loaded, loadError] = useK8sWatchResource<K8sResourceCommon[]>({
kind: 'Node',
isList: true,
});
const workerNodes = nodes.filter(
(node) => node.metadata?.labels?.['node-role.kubernetes.io/worker'] === '',
);
let title = (
<Link to={workerNodesLink}>{t('{{count}} Worker Node', { count: workerNodes.length })}</Link>
);
if (loadError) {
title = <Link to={workerNodesLink}>{t('Worker Nodes')}</Link>;
} else if (!loaded) {
title = (
<>
<InventoryItemLoading />
<Link to={workerNodesLink}>{t('Worker Nodes')}</Link>
</>
);
}
return (
<InventoryItem>
<InventoryItemTitle>{title}</InventoryItemTitle>
<InventoryItemBody error={loadError}>
{loaded && <InventoryItemStatus count={workerNodes.length} icon={<MonitoringIcon />} />}
</InventoryItemBody>
</InventoryItem>
);
};
export default WorkerNodeInventory;