rishyym0927/Affinity_frontend

Add "Edit Details" Functionality in User Profile Section

Ouverte

#28 ouverte le 5 oct. 2024

Voir sur GitHubGuide contributeur
 (4 commentaires) (0 réaction) (1 personne assignée)JavaScript (30 forks)auto 404
Level 3enhancementgssochacktoberfesthacktoberfest-accepted

Métriques du dépôt

Stars
 (13 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

Description : The user profile section currently lacks the ability for users to edit their personal details (such as name, email, phone number, etc.). This functionality is crucial for allowing users to update their information without needing to contact support or administrators.

Suggested Change: Since the user profile is presented in a popup, the best solution for implementing the "Edit Details" feature would be to leverage the existing popup with a few key improvements:

  1. add an edit button to the popup.
  2. When the user clicks "Edit," the fields should transition from a read-only state to an editable form.
  3. Once the fields are editable, display Save and Cancel buttons at the bottom of the popup.
  4. Add basic functionalities to the Save and Cancel Buttons

Guide contributeur

Direction de recherche
Localisez le composant de la fenêtre contextuelle du profil utilisateur, ajoutez un bouton d'édition qui active la modification des champs, et implémentez la logique de sauvegarde/annulation avec intégration API pour mettre à jour les détails de l'utilisateur.
Stack technique
javascript
Domaine
frontend
Type d'issue
Fonctionnalité
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 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
JavaScriptGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85