users-table.md

基本信息

• 类型: React 组件
• 路径: ./src/components/admin/users-table.tsx

功能描述

管理员用户管理表格组件，功能包括：

• 用户列表展示（支持分页和搜索）
• 角色切换（管理员/普通用户）
• 认证状态管理（验证/取消验证）
• 用户标记（标记异常账户）
• 生成配额编辑
• 用户删除

导出内容

• UsersTable - 主组件函数

Props

无（该组件自行获取数据）

类型定义

interface UserData {
  id: string;
  email: string;
  username: string;
  name: string | null;
  avatar: string | null;
  role: "ADMIN" | "USER";
  verified: boolean;
  flagged: boolean;
  flaggedAt: string | null;
  flaggedReason: string | null;
  dailyGenerationLimit: number;
  generationCreditsRemaining: number;
  createdAt: string;
  _count: {
    prompts: number;
  };
}

interface Pagination {
  page: number;
  limit: number;
  total: number;
  totalPages: number;
}

依赖

• react - useState, useEffect, useCallback
• next/navigation - useRouter
• next-intl - useTranslations, useLocale
• @/lib/date - formatDistanceToNow
• @/components/ui/* - Avatar, Badge, Button, Input, Select, DropdownMenu, Table, AlertDialog
• lucide-react - 多个图标
• sonner - toast 通知