Perfil

La página Profile (Perfil) es la vista personal de cada usuario. Pilotos, agrónomos, técnicos, miembros y propietarios comparten la misma forma de Perfil — pero los owners (propietarios) ven opciones extra de edición en la tarjeta Account (Cuenta).

Esta función está en el PR abierto #207 (Feature/Customer Profile). El comportamiento descrito acá coincide con ese PR.

Dónde encontrarlo#

• Hacé clic en tu avatar en la esquina inferior izquierda de la barra lateral.
• Elegí View Profile (Ver perfil).

El patrón de URL es /<locale>/<accountId>/profile (dentro de la cuenta activa, ya que algunos detalles — como el rol activo — están acotados a la cuenta).

Diseño de la página#

La página tiene tres secciones principales:

1. Avatar Upload Section (Carga de avatar)#

Un componente estilo zona de soltar (AvatarUploadSection) con:

• Drag-and-drop (Arrastrar y soltar) para subir una foto nueva.
• Camera overlay (Superposición de cámara) al pasar el mouse (el affordance de reemplazar la foto).
• Tope de 5 MB. Archivos más grandes disparan la alerta de límite de tamaño.

Mecánica de la carga:

1. El portal llama a generatePictureUploadUrl para obtener una URL pre-firmada de S3.
2. Tu navegador sube el archivo directo a S3 vía PUT.
3. El portal guarda la URL nueva en el registro de usuario.

Si el archivo es demasiado grande, vas a ver la alerta de error de tamaño. Si la carga falla por otro motivo (red, S3), aparece una alerta de error y se conserva el avatar anterior.

2. User info (Información del usuario)#

Tus propios campos de usuario:

• Full Name (Nombre completo)
• Email Address (Correo electrónico)
• Phone Number (Teléfono)
• Profile language preference (Idioma del perfil)

Un ícono de lápiz/editar abre el Edit User drawer (Panel Editar usuario).

3. Account info (Información de la cuenta)#

Campos de la cuenta activa:

• Account name (Nombre de la cuenta)
• Billing address (Dirección de facturación)
• Tax / EIN information (Información fiscal / EIN) (cuando corresponda)

Comportamiento según el rol:

• Owner (Propietario): el botón Edit Account (Editar cuenta) queda visible y abre el Edit Account drawer (Panel Editar cuenta).
• Non-owner (No propietario) (Administrator, Member, Pilot, etc.): la sección es solo lectura. El botón de editar queda oculto.

4. Activity stats (Estadísticas de actividad)#

Resumen rápido:

• Último inicio de sesión.
• Acciones más recientes (últimas prescripciones / vuelos generados por vos).

Edit User drawer (Panel Editar usuario)#

Formulario con React Hook Form + validación Zod. Campos editables:

• Full Name (Nombre completo)
• Phone Number (Teléfono)
• Language preference (Preferencia de idioma)

Al enviar, el portal manda PATCH /v1/users/me. Una alerta de éxito confirma. Los errores se muestran inline en el formulario.

Edit Account drawer (solo Owner) (Panel Editar cuenta — solo propietario)#

Campos editables:

• Account name (Nombre de la cuenta) (entidad legal).
• Billing address (Dirección de facturación).
• Tax info (Datos fiscales).

El panel está protegido con una verificación de rol OWNER en el servidor. Aunque un no propietario arme la solicitud, la API la rechaza.

Flight Records — fix de paginación#

El PR #207 también trae el fix de paginación de las apps OEM/Dealer al FlightRecordsTab del app del cliente mediante el hook nuevo useFlightRecordsQuery. En la práctica:

• La pestaña Flight Log (Registro de vuelo) en la página de detalle del drone ahora pagina bien con rangos de fechas más grandes.
• Ya no deberías ver el problema de la "página del medio congelada".

Permisos#

Acción	Rol
Ver el propio perfil	Todo usuario.
Subir el propio avatar	Todo usuario.
Editar la propia info de usuario	Todo usuario.
Ver info de la cuenta	Todo usuario.
Editar info de la cuenta	Solo Owner.

Relacionados#

• Billing and Account.
• Team and Roles.
• Login and accounts troubleshooting.