portainer/app/react/kubernetes/cluster/HomeView/NodesDatatable/columns/conditions.tsx

import { NodeCondition } from 'kubernetes-types/core/v1';
import { CellContext } from '@tanstack/react-table';

import { Badge } from '@@/Badge';
import { Tooltip } from '@@/Tip/Tooltip';

import { NodeRowData } from '../types';

import { columnHelper } from './helper';

export const conditions = columnHelper.accessor((row) => getConditions(row), {
  header: () => (
    <>
      Conditions
      <Tooltip
        position="top"
        message="Green indicates the node is healthy. Orange indicates the node is experiencing MemoryPressure, DiskPressure, or PIDPressure."
      />
    </>
  ),
  id: 'conditions',
  cell: ConditionsCell,
});

function ConditionsCell({
  row: { original: node },
}: CellContext<NodeRowData, NodeCondition[]>) {
  const conditions = getConditions(node);

  return (
    <div className="flex flex-wrap gap-1">
      {conditions.length > 0
        ? conditions.map((condition) => (
            <Badge
              key={condition.type?.toString()}
              type={condition.status === 'True' ? 'warn' : 'success'}
            >
              {condition.type}
            </Badge>
          ))
        : '-'}
    </div>
  );
}

function getConditions(node: NodeRowData) {
  return (
    // exclude the Ready condition as it is already being utilised in the Status column
    node.status?.conditions?.filter(
      (condition) => condition.type !== 'Ready'
    ) ?? []
  );
}