Ir para o conteúdo principal

Perfil

Seu perfil pessoal — avatar, dados do usuário, conta ativa e edição da conta conforme o papel.

Piloto
Agrônomo
Produtor

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:

  1. O portal chama generatePictureUploadUrl para obter uma URL pré-assinada do S3.
  2. Seu navegador envia o arquivo diretamente ao S3 via PUT.
  3. 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çãoPapel
Ver o próprio perfilTodo usuário.
Enviar o próprio avatarTodo usuário.
Editar os próprios dados de usuárioTodo usuário.
Ver informações da contaTodo usuário.
Editar informações da contaSomente Owner.

Relacionados

Esta página foi útil?

Editar esta página no GitHub

Última atualização em 20 de out. de 2018