Module Update

src/modules/exams/components/exam-columns.tsx

@@ -0,0 +1,137 @@
+"use client"
+
+import { ColumnDef } from "@tanstack/react-table"
+import { Checkbox } from "@/shared/components/ui/checkbox"
+import { Badge } from "@/shared/components/ui/badge"
+import { cn, formatDate } from "@/shared/lib/utils"
+import { Exam } from "../types"
+import { ExamActions } from "./exam-actions"
+
+export const examColumns: ColumnDef<Exam>[] = [
+  {
+    id: "select",
+    header: ({ table }) => (
+      <Checkbox
+        checked={table.getIsAllPageRowsSelected()}
+        onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+        aria-label="Select all"
+      />
+    ),
+    cell: ({ row }) => (
+      <Checkbox
+        checked={row.getIsSelected()}
+        onCheckedChange={(value) => row.toggleSelected(!!value)}
+        aria-label="Select row"
+      />
+    ),
+    enableSorting: false,
+    enableHiding: false,
+    size: 36,
+  },
+  {
+    accessorKey: "title",
+    header: "Title",
+    cell: ({ row }) => (
+      <div className="flex items-center gap-2">
+        <span className="font-medium">{row.original.title}</span>
+        {row.original.tags && row.original.tags.length > 0 && (
+          <div className="flex flex-wrap gap-1">
+            {row.original.tags.slice(0, 2).map((t) => (
+              <Badge key={t} variant="outline" className="text-xs">
+                {t}
+              </Badge>
+            ))}
+            {row.original.tags.length > 2 && (
+              <Badge variant="outline" className="text-xs">+{row.original.tags.length - 2}</Badge>
+            )}
+          </div>
+        )}
+      </div>
+    ),
+  },
+  {
+    accessorKey: "subject",
+    header: "Subject",
+  },
+  {
+    accessorKey: "grade",
+    header: "Grade",
+    cell: ({ row }) => (
+      <span className="text-muted-foreground text-xs">{row.original.grade}</span>
+    ),
+  },
+  {
+    accessorKey: "status",
+    header: "Status",
+    cell: ({ row }) => {
+      const status = row.original.status
+      const variant = status === "published" ? "secondary" : status === "archived" ? "destructive" : "outline"
+      return (
+        <Badge variant={variant as any} className="capitalize">
+          {status}
+        </Badge>
+      )
+    },
+  },
+  {
+    accessorKey: "difficulty",
+    header: "Difficulty",
+    cell: ({ row }) => {
+      const diff = row.original.difficulty
+      return (
+        <div className="flex items-center">
+          <span
+            className={cn(
+              "font-medium",
+              diff <= 2 ? "text-green-600" : diff === 3 ? "text-yellow-600" : "text-red-600"
+            )}
+          >
+            {diff === 1
+              ? "Easy"
+              : diff === 2
+              ? "Easy-Med"
+              : diff === 3
+              ? "Medium"
+              : diff === 4
+              ? "Med-Hard"
+              : "Hard"}
+          </span>
+          <span className="ml-1 text-xs text-muted-foreground">({diff})</span>
+        </div>
+      )
+    },
+  },
+  {
+    accessorKey: "durationMin",
+    header: "Duration",
+    cell: ({ row }) => <span className="text-muted-foreground text-xs">{row.original.durationMin} min</span>,
+  },
+  {
+    accessorKey: "totalScore",
+    header: "Total",
+    cell: ({ row }) => <span className="text-muted-foreground text-xs">{row.original.totalScore}</span>,
+  },
+  {
+    accessorKey: "scheduledAt",
+    header: "Scheduled",
+    cell: ({ row }) => (
+      <span className="text-muted-foreground text-xs whitespace-nowrap">
+        {row.original.scheduledAt ? formatDate(row.original.scheduledAt) : "-"}
+      </span>
+    ),
+  },
+  {
+    accessorKey: "createdAt",
+    header: "Created",
+    cell: ({ row }) => (
+      <span className="text-muted-foreground text-xs whitespace-nowrap">
+        {formatDate(row.original.createdAt)}
+      </span>
+    ),
+  },
+  {
+    id: "actions",
+    cell: ({ row }) => <ExamActions exam={row.original} />,
+  },
+]
+