feat: add superadmin tenant module

2026-06-16 22:30:29 +05:30
parent 6c97f89b30
commit 6f4399a048
18 changed files with 1146 additions and 0 deletions
--- a/src/app/(modules)/tenants/components/TenantColumns.tsx
+++ b/src/app/(modules)/tenants/components/TenantColumns.tsx
@@ -0,0 +1,111 @@
+'use client';
+
+import { useMemo } from 'react';
+import type { ColumnDef } from '@tanstack/react-table';
+import { Edit, Trash2 } from 'lucide-react';
+
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { PERMISSIONS } from '@/constants/permissions';
+import { usePermissions } from '@/hooks/usePermissions';
+import type { Tenant } from '@/types';
+
+function formatDate(value?: string | null) {
+  if (!value) return '-';
+  return new Intl.DateTimeFormat('en-IN', {
+    day: '2-digit',
+    month: 'short',
+    year: 'numeric',
+  }).format(new Date(value));
+}
+
+interface UseTenantColumnsParams {
+  onEdit: (tenant: Tenant) => void;
+  onDelete: (tenant: Tenant) => void;
+  pendingDeleteId?: number;
+}
+
+export function useTenantColumns({
+  onEdit,
+  onDelete,
+  pendingDeleteId,
+}: UseTenantColumnsParams): ColumnDef<Tenant>[] {
+  const { hasPermission } = usePermissions();
+  const canEdit = hasPermission(PERMISSIONS.TENANT.UPDATE);
+  const canDelete = hasPermission(PERMISSIONS.TENANT.DELETE);
+
+  return useMemo(() => {
+    const columns: ColumnDef<Tenant>[] = [
+      {
+        accessorKey: 'name',
+        header: 'Tenant',
+        cell: ({ row }) => (
+          <div>
+            <p className="font-medium">{row.original.name}</p>
+            <p className="text-xs text-muted-foreground">{row.original.slug}</p>
+          </div>
+        ),
+      },
+      {
+        accessorKey: 'domain',
+        header: 'Domain',
+        cell: ({ row }) => row.original.domain || '-',
+      },
+      {
+        accessorKey: 'admin_email',
+        header: 'Admin Email',
+        cell: ({ row }) => row.original.admin_email || '-',
+      },
+      {
+        accessorKey: 'plan_id',
+        header: 'Plan',
+        cell: ({ row }) => row.original.plan_id || '-',
+      },
+      {
+        accessorKey: 'created_at',
+        header: 'Created',
+        cell: ({ row }) => formatDate(row.original.created_at),
+      },
+      {
+        accessorKey: 'is_active',
+        header: 'Status',
+        cell: ({ row }) => (
+          <Badge variant={row.original.is_active ? 'default' : 'secondary'}>
+            {row.original.is_active ? 'Active' : 'Inactive'}
+          </Badge>
+        ),
+      },
+    ];
+
+    if (!canEdit && !canDelete) return columns;
+
+    columns.push({
+      id: 'actions',
+      header: () => <div className="text-right">Actions</div>,
+      cell: ({ row }) => {
+        const tenant = row.original;
+        return (
+          <div className="flex justify-end gap-2">
+            {canEdit ? (
+              <Button variant="outline" size="sm" onClick={() => onEdit(tenant)}>
+                <Edit className="size-4" />
+              </Button>
+            ) : null}
+            {canDelete ? (
+              <Button
+                variant="outline"
+                size="sm"
+                disabled={pendingDeleteId === tenant.id}
+                onClick={() => onDelete(tenant)}
+              >
+                <Trash2 className="size-4" />
+              </Button>
+            ) : null}
+          </div>
+        );
+      },
+    });
+
+    return columns;
+  }, [canDelete, canEdit, onDelete, onEdit, pendingDeleteId]);
+}