revert fb8e77bb68

revert style: clean up code with prettier and eslint

src/app/admin/logs/audit/audit-table.tsx

@@ -1,39 +1,39 @@
-"use client";
+'use client'
 
-import { useState } from "react";
-import { DataTable } from "@/components/admin/data-table";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import type { DataTableColumn, PaginatedResult } from "@/types";
+import { useState } from 'react'
+import { DataTable } from '@/components/admin/data-table'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import type { DataTableColumn, PaginatedResult } from '@/types'
 
 interface AuditRow {
-  id: number;
-  username: string;
-  action: string;
-  target: string;
-  targetId: number | null;
-  diff: string | null;
-  createdAt: string;
+  id: number
+  username: string
+  action: string
+  target: string
+  targetId: number | null
+  diff: string | null
+  createdAt: string
 }
 
 function DiffCell({ diff }: { diff: string | null }) {
-  const [open, setOpen] = useState(false);
-  if (!diff) return <span className="text-muted-foreground">-</span>;
+  const [open, setOpen] = useState(false)
+  if (!diff) return <span className="text-muted-foreground">-</span>
 
-  let parsed: Record<string, { from: unknown; to: unknown }>;
+  let parsed: Record<string, { from: unknown; to: unknown }>
   try {
-    parsed = JSON.parse(diff);
+    parsed = JSON.parse(diff)
   } catch {
-    return <span className="text-muted-foreground">-</span>;
+    return <span className="text-muted-foreground">-</span>
   }
 
-  const keys = Object.keys(parsed);
-  if (keys.length === 0) return <span className="text-muted-foreground">-</span>;
+  const keys = Object.keys(parsed)
+  if (keys.length === 0) return <span className="text-muted-foreground">-</span>
 
   const summary =
     keys.length === 1
-      ? `${keys[0]}: ${String(parsed[keys[0]].from ?? "∅")} → ${String(parsed[keys[0]].to ?? "∅")}`
-      : `${keys.length} changes`;
+      ? `${keys[0]}: ${String(parsed[keys[0]].from ?? '∅')} → ${String(parsed[keys[0]].to ?? '∅')}`
+      : `${keys.length} changes`
 
   return (
     <div>
@@ -50,53 +50,53 @@ function DiffCell({ diff }: { diff: string | null }) {
           {keys.map((k) => (
             <div key={k} className="flex gap-1">
               <span className="font-medium">{k}:</span>
-              <span className="text-[var(--admin-error)] line-through">{String(parsed[k].from ?? "∅")}</span>
+              <span className="text-[var(--admin-error)] line-through">{String(parsed[k].from ?? '∅')}</span>
               <span>→</span>
-              <span className="text-[var(--admin-success)]">{String(parsed[k].to ?? "∅")}</span>
+              <span className="text-[var(--admin-success)]">{String(parsed[k].to ?? '∅')}</span>
             </div>
           ))}
         </div>
       )}
     </div>
-  );
+  )
 }
 
 const columns: DataTableColumn<AuditRow>[] = [
-  { key: "id", label: "ID", sortable: true },
-  { key: "username", label: "User", sortable: true },
+  { key: 'id', label: 'ID', sortable: true },
+  { key: 'username', label: 'User', sortable: true },
   {
-    key: "action",
-    label: "Action",
+    key: 'action',
+    label: 'Action',
     sortable: true,
     render: (value) => {
-      const v = String(value);
-      let variant: "default" | "secondary" | "destructive" = "secondary";
-      if (v.includes("create") || v.includes("add")) variant = "default";
-      if (v.includes("delete") || v.includes("remove") || v.includes("ban")) variant = "destructive";
-      return <Badge variant={variant}>{v}</Badge>;
+      const v = String(value)
+      let variant: 'default' | 'secondary' | 'destructive' = 'secondary'
+      if (v.includes('create') || v.includes('add')) variant = 'default'
+      if (v.includes('delete') || v.includes('remove') || v.includes('ban')) variant = 'destructive'
+      return <Badge variant={variant}>{v}</Badge>
     },
   },
-  { key: "target", label: "Target", sortable: true },
+  { key: 'target', label: 'Target', sortable: true },
   {
-    key: "targetId",
-    label: "Target ID",
-    render: (value) => <span>{value != null ? String(value) : "-"}</span>,
+    key: 'targetId',
+    label: 'Target ID',
+    render: (value) => <span>{value != null ? String(value) : '-'}</span>,
   },
   {
-    key: "diff",
-    label: "Details",
+    key: 'diff',
+    label: 'Details',
     render: (_value, row) => <DiffCell diff={row.diff} />,
   },
   {
-    key: "createdAt",
-    label: "Date",
+    key: 'createdAt',
+    label: 'Date',
     sortable: true,
-    render: (value) => <span>{String(value) || "N/A"}</span>,
+    render: (value) => <span>{String(value) || 'N/A'}</span>,
   },
-];
+]
 
 interface AuditTableProps {
-  data: PaginatedResult<AuditRow>;
+  data: PaginatedResult<AuditRow>
 }
 
 export function AuditTable({ data }: AuditTableProps) {
@@ -107,5 +107,5 @@ export function AuditTable({ data }: AuditTableProps) {
       searchPlaceholder="Search by action or target..."
       exportUrl="/api/admin/export?type=audit"
     />
-  );
+  )
 }