ChatGPTNextWeb/NextChat

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

Open

#5 768 ouverte le 5 nov. 2024

Voir sur GitHub
 (1 commentaire) (0 réactions) (0 assignés)TypeScript (87 992 stars) (59 717 forks)batch import
enhancementhelp wanted

Description

🥰 需求描述

对话列表新增置顶按钮

🧐 解决方案

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

📝 补充信息

16341730791719_ pic

Guide contributeur

Stack technique
typescript
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Familiarity with React and TypeScriptUnderstanding of NextChat's component structure
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70
Direction de recherche
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.