pin-button.md

基本信息

• 类型: React Client 组件
• 路径: ./src/components/prompts/pin-button.tsx

功能描述

置顶按钮组件，用于将Prompt置顶或取消置顶。支持完整按钮和仅图标两种显示模式。

导出内容

• PinButton - 主组件
• PinButtonProps - Props接口

Props 接口

属性	类型	说明
promptId	string	Prompt ID
initialPinned	boolean	初始置顶状态
iconOnly	boolean	是否仅显示图标

依赖

• react - React核心
• next-intl - 国际化
• lucide-react - 图标库
• @/components/ui/button - 按钮组件
• sonner - Toast通知
• @/lib/analytics - 分析工具

API端点

• POST /api/prompts/{id}/pin - 置顶
• DELETE /api/prompts/{id}/pin - 取消置顶

相关组件

• PromptCard - 集成置顶按钮
• PromptList - 在列表中管理置顶状态