ChatGPTNextWeb/NextChat

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

Open

#5,768 opened on Nov 5, 2024

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

Description

🥰 需求描述

对话列表新增置顶按钮

🧐 解决方案

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

📝 补充信息

16341730791719_ pic

Contributor guide

Tech stack
typescript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Familiarity with React and TypeScriptUnderstanding of NextChat's component structure
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
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.