add-to-collection-button.md

基本信息

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

功能描述

添加到收藏按钮组件，用于将Prompt添加到用户的收藏列表或从中移除。包含登录检查、加载状态和操作成功提示。

导出内容

• AddToCollectionButton - 主组件
• AddToCollectionButtonProps - Props接口

Props 接口

属性	类型	说明
promptId	string	Prompt ID
initialInCollection	boolean	初始是否在收藏中
isLoggedIn	boolean	用户是否登录

依赖

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

API端点

• POST /api/collection - 添加收藏
• DELETE /api/collection?promptId={id} - 移除收藏

相关组件

• PromptCard - 集成收藏按钮
• PromptDetail - Prompt详情页