Componente responsável pelo registro dos testes do usuário.
Introdução
O componente HistoryList é composto de uma tabela responsável pelo registro de testes feitos pelo usuário.
Componente HistoryList
Sendo exibido como um histórico, essa tabela armazena as seguintes informações:
Data
Nível de senioridade
Detalhes sobre o teste feito (Modal)
Aprovação
Sobre: Mapeamento de dados da tabela
Os dados renderizados na tabela tem origem no context user, cujas informações são provisionadas através da API.
Sobre: Detalhes
O campo de Detalhes na tabela corresponde a um botão que chama o modal "ModalUser". Esse modal armazena gráficos comparativos de análises para os testes realizados pelo usuário.
ModalUser com gráficos.
A comparação é feita sempre entre dois testes: O que foi selecionado na tabela junto ao seu anterior com base na data de execução. É possível visualizar a comparação entre dois tipos de gráficos:
Radar:
Exemplo de gráfico de radar - ModalUser
Barras:
Exemplo de gráfico de barras - ModalUser
PS: No gráfico de Barras, através da lib "Swipper", é possível fazer a transição de um eixo para o outro dentro do próprio modal.
Componentes Integrados
ModalUser -> caminho do arquivo: src\components\ModalUser\ModalUser.tsx
Requisitos Funcionais
Descrição
Entradas
Saídas
Observações ⭐
Carregamento de dados pelo context
-
-
✅
Integração com ModalUser para detalhes sobre testes
-
-
✅
Acessibilidade via Color Mode - White e Dark
Evento de clique no primeiro ícone do componente AsideMenu
[☀ - 🌙]
Alteração na visualização de cores dentro de toda a aplicação
O controle do modo de cores ocorre através do context ToggleModeStyle.
