GitLab

Listagem Espaços - Implementar front da tela "Listagem de Espaços"

Fizemos um component chamado "Place" para os locais (já que as informações: nome, imagem, endereço... virão tudo do firebase). A cidade, UF e o botão de filtros ficaram na página PlaceList. O que precisa ser feito:

• Header não está fixo na parte de cima;
• Arrumar botão de filtros e botar o ícone do lado (modelo figma);
• Arrumar imagens de quantidade de pessoas e metros quadrados, (pegar fotos com mais qualidade também, no figma está difícil);
• Botão de favoritos (2 estados);

Bruno Chanan, Lucas Simon Susin

Adendo

• Foi ajustado a estrutura do card de local para ficar padronizada conforme o mockup realizado e aprovado pelos stakeholders;
• Foi removido a maioria das estruturas de mock do componente de detalhes de espaço, realizando agora a passagem correta de props a partir do card de local
• • É necessário ajustar o carrossel de imagens para aceitar imagens dinamicamente. Atualmente, este se encontra com 3 imagens mocadas
• • Foi adicionado um componente Badge dentro do componente Place, responsável por estilizar, neste caso, informações referentes a capacidade do espaço e metragem. Existe um componente de MaisInformações que, creio, desempenha o mesmo papel. Sugiro que o componente Badge seja removido de dentro de Place, deixando-o independente e possivelmente reaproveitável, e que as ocorrências de MaisInformações sejam substituídas por Badge.

Checklist

• ✅ funciona em Android
• 🤷‍♀️ (opcional) funciona em iOS
• 🤷‍♀️ interface funciona nos tamanhos de tela suportados
• ✅ interface segue especificação no Figma
• ⚠️ passa nos testes funcionais definidos para a tarefa/story
• ⚠️ documentação atualizada
• ⚠️ código dentro dos padrões
• ✅ código sem warnings ou erros de linter (rode npm run lint -- --fix para ajustar e faça o commit)
• ❌ adiciona dependências externas
• 🤷‍♀️ dependências externas adicionadas foram aprovadas pelos AGES III

Legenda:

• ✅: sim (funciona/builda/documentação atualizada/...)
• ⚠️: parcialmente (partes não funcionam/apenas documentação pendente/...)
• ❌: não (não builda/não funciona/não segue padrões/sem documentação/...)
• 🤷‍♀️: não se aplica (não tenho como testar no iOS/não envolve interface/...)