refactor(docker/swarm): migrate nodes table to react [EE-4672] (#10184)

app/react/docker/swarm/SwarmView/NodesDatatable/columns/availability.tsx

@@ -0,0 +1,29 @@
+import clsx from 'clsx';
+
+import { NodeViewModel } from '@/docker/models/node';
+
+import { columnHelper } from './column-helper';
+
+export const availability = columnHelper.accessor('Availability', {
+  header: 'Availability',
+  cell({ getValue }) {
+    const value = getValue();
+    return (
+      <span className={clsx('label', `label-${badgeClass(value)}`)}>
+        {value}
+      </span>
+    );
+  },
+});
+
+export function badgeClass(text: NodeViewModel['Availability']) {
+  if (text === 'pause') {
+    return 'warning';
+  }
+
+  if (text === 'drain') {
+    return 'danger';
+  }
+
+  return 'success';
+}