ChatGPTNextWeb/NextChat

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

Open

#5,768 opened on 2024年11月5日

GitHub で見る
 (1 comment) (0 reactions) (0 assignees)TypeScript (87,992 stars) (59,717 forks)batch import
enhancementhelp wanted

説明

🥰 需求描述

对话列表新增置顶按钮

🧐 解决方案

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

📝 补充信息

16341730791719_ pic

コントリビューターガイド

技術スタック
typescript
領域
frontend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
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.