portainer/app/edge/EdgeDevices/EdgeDevicesView/EdgeDevicesDatatable/columns/heartbeat.tsx

import { CellProps, Column } from 'react-table';

import { Environment } from '@/portainer/environments/types';
import { EdgeIndicator } from '@/portainer/home/EnvironmentList/EnvironmentItem/EdgeIndicator';

export const heartbeat: Column<Environment> = {
  Header: 'Heartbeat',
  accessor: 'Status',
  id: 'status',
  Cell: StatusCell,
  disableFilters: true,
  canHide: true,
};

export function StatusCell({
  row: { original: environment },
}: CellProps<Environment>) {
  return (
    <EdgeIndicator
      checkInInterval={environment.EdgeCheckinInterval}
      edgeId={environment.EdgeID}
      lastCheckInDate={environment.LastCheckInDate}
      queryDate={environment.QueryDate}
    />
  );
}