ChatGPTNextWeb/NextChat

[Feature Request] 对话列表新增置顶按钮

Open

#5,768 建立於 2024年11月5日

在 GitHub 查看
 (1 留言) (0 反應) (0 負責人)TypeScript (87,992 star) (59,717 fork)batch import
enhancementhelp wanted

描述

🥰 需求描述

对话列表新增置顶按钮

🧐 解决方案

  • 当鼠标停留在对话列表上时，可显示置顶对话的按钮
  • 点击置顶按钮后，此对话保持置顶，再次点击可取消置顶
  • 当有置顶的对话后，置顶其它对话会覆盖上一个对话，保持在列表最顶部；

📝 补充信息

16341730791719_ pic

貢獻者指南

技術棧
typescript
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
fresh
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Familiarity with React and TypeScriptUnderstanding of NextChat's component structure
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
70
研究方向
Start by examining the chat list component in the codebase to understand its rendering logic. Implement a hover state to show a pin button. Use a state management solution (e.g., React context or local state) to track pinned conversations. Ensure the pin behavior matches the described requirements: only one pinned conversation at a time, and it stays at the top.
[Feature Request] 对话列表新增置顶按钮 · ChatGPTNextWeb/NextChat#5768 | Good First Issue