Feat/tela ranking
Descrição
Este MR introduz a nova tela de Ranking no aplicativo, acessível de dentro da área de um evento.
A tela implementa as seguintes funcionalidades:
- Busca os dados do ranking completo do evento através do serviço
GetRankingByEventId. - Utiliza o
RankingDtopara modelar a resposta da API. - Exibe um card de destaque no topo com a posição do usuário logado, usando o componente
CardRanking. - Apresenta o cabeçalho da lista (
ColumnsRanking) e a lista de participantes (RankingItem), garantindo o alinhamento das colunas. - Identifica e destaca o usuário logado na lista.
- Adiciona um botão flutuante "Compartilhar" na parte inferior da tela.
Tipo de Mudança
-
Nova funcionalidade (
feat) -
Correção de bug (
fix) - Outro
Como Testar
Passos para reproduzir/testar:
-
- Faça login no aplicativo.
-
- Acesse um evento que tenha outros participantes e tarefas pontuadas.
-
- Navegue até a tela de "Ranking".
-
- Verifique se o seu card de destaque ("Você") aparece no topo com sua pontuação e posição corretas.
-
- Verifique se o cabeçalho das colunas (Rank, Usuário, Pontos) está visível.
-
- Confirme se a lista de participantes é carregada e se alinha com o cabeçalho.
-
- Verifique se o seu nome na lista também está destacado.
-
- Confirme se o botão "Compartilhar" está visível e flutuando na parte inferior.
Anexos (se aplicável)
Checklist
- Código segue o padrão definido
- As string estão sendo pegas do arquivo String.ts
- Documentação atualizada (se necessário)
- PR revisado antes de enviar