Skip to content

feat: Permitir al usuario cambiar su foto de perfil #104

@Frasquito3

Description

@Frasquito3

Descripción

User Story: Como Usuario registrado, quiero poder subir y cambiar mi foto de perfil, para personalizar mi cuenta y ser fácilmente reconocible en la plataforma.

Nombre de Rama Sugerido (Opcional)

feature/profile-picture-upload

Tareas Propuestas (Checklist)

  • Añadir un componente en la página de perfil que muestre la foto actual y permita seleccionar una nueva.
  • Implementar un estado local para la previsualización de la imagen antes de subirla.
  • Crear un nuevo endpoint en el backend, POST /api/users/me/avatar, que utilice el middleware de Cloudinary para procesar la subida de la imagen.
  • El endpoint debe actualizar el campo profile_picture del usuario en la base de datos con la nueva URL de Cloudinary.
  • Crear un nuevo hook de TanStack Query (useUpdateAvatar) que envíe la imagen como FormData al nuevo endpoint.
  • Al tener éxito, la mutación debe invalidar la query del perfil de usuario (['profile']) para que la nueva imagen se muestre automáticamente en toda la aplicación (ej: en la NavBar).

Definición de 'Hecho' (Definition of Done)

  • El código está cubierto por pruebas (si aplica).
  • La documentación relevante ha sido actualizada.
  • El Pull Request asociado ha sido revisado y aprobado.
  • Un usuario puede seleccionar una imagen de su dispositivo, subirla, y verla actualizada como su nueva foto de perfil.

Metadata

Metadata

Assignees

Labels

featureIntroduce new features, enhancements, or significant improvements to the project
No fields configured for Feature.

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions