#591 - sites

resources/js/pages/application/components/deployment-columns.tsx

@@ -0,0 +1,61 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { Button } from '@/components/ui/button';
+import { MoreVerticalIcon } from 'lucide-react';
+import DateTime from '@/components/date-time';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';
+import { Deployment } from '@/types/deployment';
+import { Badge } from '@/components/ui/badge';
+import { Download, View } from '@/pages/server-logs/components/columns';
+
+export const columns: ColumnDef<Deployment>[] = [
+  {
+    accessorKey: 'commit_id',
+    header: 'Commit',
+    enableColumnFilter: true,
+    cell: ({ row }) => {
+      return row.original.commit_data?.message ?? 'No commit message';
+    },
+  },
+  {
+    accessorKey: 'created_at',
+    header: 'Deployed At',
+    enableSorting: true,
+    cell: ({ row }) => {
+      return <DateTime date={row.original.created_at} />;
+    },
+  },
+  {
+    accessorKey: 'status',
+    header: 'Status',
+    enableColumnFilter: true,
+    enableSorting: true,
+    cell: ({ row }) => {
+      return <Badge variant={row.original.status_color}>{row.original.status}</Badge>;
+    },
+  },
+  {
+    id: 'actions',
+    enableColumnFilter: false,
+    enableSorting: false,
+    cell: ({ row }) => {
+      return (
+        <div className="flex items-center justify-end">
+          <DropdownMenu modal={false}>
+            <DropdownMenuTrigger asChild>
+              <Button variant="ghost" className="h-8 w-8 p-0">
+                <span className="sr-only">Open menu</span>
+                <MoreVerticalIcon />
+              </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="end">
+              <View serverLog={row.original.log} />
+              <Download serverLog={row.original.log}>
+                <DropdownMenuItem>Download</DropdownMenuItem>
+              </Download>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+      );
+    },
+  },
+];