GitLab

A página deve ser acessada após o usuário se cadastrar com sucesso. Nesta página o usuário deve poder visualizar todos interesses e escolher três.

ALTERAÇÃO: Conversamos com as stakeholders e vamos alterara a tela de definição de interesses e seus componentes. Os botões da tela terão cor de borda neutra (cinza) enquanto não selecionados em vez das cores preestabelecidas. Ao serem selecionados, os botões devem receber uma das três cores (azul, verde ou rosa) sem repetição. A cor depende da ordem de seleção (Ex: primeiro é azul, segundo é verde e terceiro é rosa).

O componente dos botões para escolha de interesses será desenvolvidos na task #22 (closed). A página deve informar os seguintes campos para o componente:

• color (pink, blue, green);
• size (small, medium, large);
• text (nome do interesse);
• icon.

O usuário deve escolher exatamente três interesses. O usuário não deve poder selecionar um quarto interesse sem antes remover a seleção de um interesse ao clicar novamente no botão. Enquanto não selecionar o terceiro interesse, o usuário não pode avançar na aplicação.

Uma vez que o usuário tenha selecionado seus três interesses e tenha clicado em Tudo pronto!, a página deve enviar os interesses do usuário para o back através do endpoint POST /user/interests, que será desenvolvido na task #24 (closed).

Critérios de Aceitação:

• A página deve utilizar o componente desenvolvido na task #22 (closed);
• O usuário não deve poder seguir adiante na aplicação se não selecionar exatamente três interesses;
• O usuário não pode conseguir selecionar mais de três interesses. Para mudar a seleção, deve remover um para adicionar outro;
• A página deve enviar os interesses do usuário para o back via rota /user/interests para que seja salvo no banco de dados.