Settings
A tela Settings
é responsável por exibir e permitir a edição de informações do usuário, como nome, email, profissão e perfil de investimento.
Além disso, fornece um botão para retornar à tela inicial (Home
) e outro para realizar o logout (Sair
).
Principais Características
Exibição e Edição de Dados:
- Utiliza o componente
ChangeData
para exibir e permitir a edição de diferentes campos de dados do usuário, como nome, email, profissão e perfil de investimento. - Ao editar um campo, aciona uma função
refresh
para atualizar as informações na tela.
- Utiliza o componente
Botão de Retorno à Tela Inicial:
- Inclui um botão de retorno à tela inicial (Home) para facilitar a navegação.
- O botão utiliza o ícone de casa da biblioteca
MaterialIcons
.
Botão de Logout (
Sair
):- Inclui um botão para realizar o logout do usuário.
- Ao clicar no botão, aciona a função
handleSair
que remove a autenticação e navega para a tela de autenticação (Auth
).
Atualização Dinâmica dos Dados:
- Utiliza o estado
smth
para acionar uma atualização dinâmica dos dados quando necessário.
- Utiliza o estado
Estilo Responsivo:
- Utiliza estilos que proporcionam uma boa aparência e organização na tela.
- Adota margens, espaçamentos e posicionamento absoluto para melhorar a legibilidade e usabilidade.
Exemplo de Uso
<Settings />
Observações
- A tela utiliza o contexto de carregamento (
useLoading
) para exibir e ocultar indicadores de carregamento durante a obtenção dos dados. - As informações do usuário são obtidas do Firebase (
fr.getFullDoc()
). - A função
refresh
é utilizada para acionar a atualização dos dados após uma edição. - O botão "Sair" (
handleSair
) realiza o logout do usuário e navega para a tela de autenticação (Auth
). - A tela inclui um botão de retorno à tela inicial (
Home
) para facilitar a navegação.