refactor(edge/jobs): migrate view to react [EE-2236] (#10661)

app/react/edge/edge-jobs/ListView/EdgeJobsDatatable.tsx

@@ -0,0 +1,34 @@
+import { Clock } from 'lucide-react';
+
+import { Datatable } from '@@/datatables';
+import { createPersistedStore } from '@@/datatables/types';
+import { useTableState } from '@@/datatables/useTableState';
+
+import { useEdgeJobs } from '../queries/useEdgeJobs';
+
+import { TableActions } from './TableActions';
+import { columns } from './columns';
+
+const tableKey = 'edge-jobs';
+
+const settingsStore = createPersistedStore(tableKey);
+
+export function EdgeJobsDatatable() {
+  const jobsQuery = useEdgeJobs();
+  const tableState = useTableState(settingsStore, tableKey);
+
+  return (
+    <Datatable
+      columns={columns}
+      isLoading={jobsQuery.isLoading}
+      dataset={jobsQuery.data || []}
+      settingsManager={tableState}
+      emptyContentLabel="No Edge jobs available."
+      title="Edge Jobs"
+      titleIcon={Clock}
+      renderTableActions={(selectedItems) => (
+        <TableActions selectedItems={selectedItems} />
+      )}
+    />
+  );
+}