admin-tabs.tsx

admin-tabs.tsx

基本信息

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

功能描述

管理员页面的标签导航组件,提供用户、分类、标签、Webhook、提示词和举报等多个管理模块的切换功能。支持通过 URL hash 进行标签状态持久化,当有待处理举报时会显示数量徽章。

导出内容

  • AdminTabs - 主组件函数
  • VALID_TABS - 有效的标签页常量数组
  • TabValue - 标签页值类型

Props

属性类型说明
translations{ users: string; categories: string; tags: string; webhooks: string; prompts: string; reports: string; }各标签页的本地化翻译文本
pendingReportsCountnumber待处理举报数量,大于0时显示徽章
children{ users: React.ReactNode; categories: React.ReactNode; tags: React.ReactNode; webhooks: React.ReactNode; prompts: React.ReactNode; reports: React.ReactNode; }各标签页对应的内容子元素

依赖

  • react - useState, useEffect, useCallback
  • @/components/ui/tabs - Tabs, TabsContent, TabsList, TabsTrigger
  • lucide-react - Users, FolderTree, Tags, FileText, Webhook, Flag 图标
← 返回目录