feat(docker): migrate files table to react [EE-4663] (#8916)

app/react/docker/components/FilesTable/columns/ActionsCell.tsx

@@ -0,0 +1,58 @@
+import { CellContext } from '@tanstack/react-table';
+import { Download, Edit, Trash2 } from 'lucide-react';
+
+import { Authorized } from '@/react/hooks/useUser';
+
+import { Button } from '@@/buttons';
+
+import { FileData, isFilesTableMeta } from '../types';
+
+export function ActionsCell({
+  row: { original: item },
+  table,
+}: CellContext<FileData, unknown>) {
+  const { meta } = table.options;
+  if (!isFilesTableMeta(meta)) {
+    throw new Error('Invalid table meta');
+  }
+
+  return (
+    <div className="flex gap-2">
+      {!item.Dir && (
+        <Authorized authorizations="DockerAgentBrowseGet">
+          <Button
+            color="secondary"
+            size="xsmall"
+            onClick={() => meta.onDownload(item.Name)}
+            icon={Download}
+            className="!m-0"
+          >
+            Download
+          </Button>
+        </Authorized>
+      )}
+      <Authorized authorizations="DockerAgentBrowseRename">
+        <Button
+          color="secondary"
+          size="xsmall"
+          icon={Edit}
+          onClick={() => meta.setIsEdit(item.Name, true)}
+          className="!m-0"
+        >
+          Rename
+        </Button>
+      </Authorized>
+      <Authorized authorizations="DockerAgentBrowseDelete">
+        <Button
+          color="dangerlight"
+          size="xsmall"
+          icon={Trash2}
+          onClick={() => meta.onDelete(item.Name)}
+          className="!m-0"
+        >
+          Delete
+        </Button>
+      </Authorized>
+    </div>
+  );
+}