Perfil
Seu perfil pessoal — avatar, dados do usuário, conta ativa e edição da conta conforme o papel.
A página Profile (Perfil) é a visão pessoal de cada usuário. Pilotos, agrônomos, técnicos, membros e proprietários compartilham o mesmo formato de Perfil — mas owners (proprietários) veem opções extras de edição no card Account (Conta).
Este recurso está no PR aberto #207 (Feature/Customer Profile). O comportamento descrito aqui corresponde a esse PR.
Onde encontrar
- Clique no seu avatar no canto inferior esquerdo da barra lateral.
- Escolha View Profile (Ver perfil).
O padrão de URL é /<locale>/<accountId>/profile (dentro da conta ativa, já que alguns detalhes — como o papel ativo — são escopados à conta).
Layout da página
A página tem três seções principais:
1. Avatar Upload Section (Envio de avatar)
Um componente estilo zona de soltar (AvatarUploadSection) com:
- Drag-and-drop (Arrastar e soltar) para enviar uma nova foto.
- Camera overlay (Sobreposição de câmera) ao passar o mouse (o affordance de substituir a foto).
- Limite de 5 MB. Arquivos maiores disparam o alerta de limite de tamanho.
Mecânica do upload:
- O portal chama
generatePictureUploadUrlpara obter uma URL pré-assinada do S3. - Seu navegador envia o arquivo diretamente ao S3 via
PUT. - O portal salva a nova URL no registro do usuário.
Se o arquivo for grande demais, você verá o alerta de erro de tamanho. Se o upload falhar por outro motivo (rede, S3), aparece um alerta de erro e o avatar anterior é preservado.
2. User info (Informações do usuário)
Seus próprios campos de usuário:
- Full Name (Nome completo)
- Email Address (Endereço de e-mail)
- Phone Number (Telefone)
- Profile language preference (Idioma do perfil)
Um ícone de lápis/editar abre o Edit User drawer (Gaveta Editar usuário).
3. Account info (Informações da conta)
Campos da conta ativa:
- Account name (Nome da conta)
- Billing address (Endereço de cobrança)
- Tax / EIN information (Informações fiscais / EIN) (quando aplicável)
Comportamento conforme o papel:
- Owner (Proprietário): o botão Edit Account (Editar conta) fica visível e abre a Edit Account drawer (Gaveta Editar conta).
- Non-owner (Não proprietário) (Administrator, Member, Pilot, etc.): a seção é somente leitura. O botão de editar fica oculto.
4. Activity stats (Estatísticas de atividade)
Resumo rápido:
- Último acesso.
- Ações mais recentes (últimas prescrições / voos gerados por você).
Edit User drawer (Gaveta Editar usuário)
Formulário com React Hook Form + validação Zod. Campos editáveis:
- Full Name (Nome completo)
- Phone Number (Telefone)
- Language preference (Preferência de idioma)
Ao enviar, o portal dispara PATCH /v1/users/me. Um alerta de sucesso confirma. Erros aparecem inline no formulário.
Edit Account drawer (somente Owner) (Gaveta Editar conta — só proprietário)
Campos editáveis:
- Account name (Nome da conta) (entidade legal).
- Billing address (Endereço de cobrança).
- Tax info (Dados fiscais).
A gaveta é protegida por verificação de papel OWNER no servidor. Mesmo que um não proprietário monte a requisição, a API recusa.
Flight Records — correção de paginação
O PR #207 também traz a correção de paginação dos apps OEM/Dealer para o FlightRecordsTab do app do cliente via o novo hook useFlightRecordsQuery. Na prática:
- A aba Flight Log (Registro de voo) na página de detalhe do drone agora pagina corretamente com intervalos de datas maiores.
- Você não deve mais ver o problema da "página do meio congelada".
Permissões
| Ação | Papel |
|---|---|
| Ver o próprio perfil | Todo usuário. |
| Enviar o próprio avatar | Todo usuário. |
| Editar os próprios dados de usuário | Todo usuário. |
| Ver informações da conta | Todo usuário. |
| Editar informações da conta | Somente Owner. |
Relacionados
Esta página foi útil?
Última atualização em 20 de out. de 2018