Feat/89 add achievements to profile
O que esse MR faz?
- adiciona no perfil o ícone clicável das conquistas para abrir a lista;
- cria a lista de conquistas, composta pelos componentes de conquista(Achievement);
- modifica brevemente algumas Views do componente Achievement para adaptá-lo à lista;
- cria, em dtos, a interface "Achievement.ts" para auxiliar na busca pelo banco;
- adiciona, em services, a busca das conquistas no banco, nomeada "fetchAchievements.ts"
- modifica o header de Profile para que ele seja renderizado na própria tela de perfil, a fim de adicionar o ícone das conquistas por cima dele(não funcionou utilizando zIndex); OBS: Giovanni recomendou colocar o ícone lá, essa foi a alternativa que encontrei
- tirei /profile de includeHeader de _layout(layout das tabs) para não ficar duplicado com o header que agora está sendo renderizado em profile.
AVISO: Quando escrevi esta MR pela primeira vez, antes do problema no gitlab, não tive qualquer problema em acessar o usuário no banco. No entanto, agora quando fui tirar novamente as prints para este novo MR, apareceu um erro de que o usuário não estava sendo encontrado!
Screenshots
Antes | Depois |
---|---|
![]() |
![]() ![]() |
Como configurar e validar localmente?
- Basta entrar na tela de perfil pela navbar que o ícone das conquistas estará no canto superior direito
- Para abrir a lista de conquistas, clique no ícone.