Modificação nas telas de abrigos para adicionar cidades

[kelvinsb]

Descrição

Com a criação de diversos campos de endereço e a normalização do campo city e melhorar a experiência do site é preciso fazer algumas alterações de filtros baseado em cidade

Mudanças

• Filtro de cidade
  • Os filtros selecionados de cidades são exibidos embaixo do campo de Buscar por abrigo ou endereço
    • Clicando em um este é removido
  • Ao clicar em Filtros tem uma nova seção Qual cidade você quer ajudar?
    • Em que se pode selecionar várias cidades para o filtro funcionar, também aparece entre parenteses a quantidade de abrigos naquela cidade
• Formulário de abrigo
  • Criação e edição de abrigo
    • Campos de endereço novos
    • Campo de CEP ao ser preenchido por pelo menos 8 letras é requisitado a viaCep para pegar dados e facilitar
    • Com campo de pesquisa com cidades já populados do RS
• Exibição de cidade
  • Nos abrigos listados na página inicial após o nome do abrigo é exposto a cidade: - Cidade
  • Na página de detalhes do abrigo também é exposto a cidade

Mudanças técnicas

• Foi criado um hook para debounce(esperar x tempo até mudar o valor de fato), usado para requisição do viaCep não ser chamada a cada tecla instantaneamente
• Criado um hook de useViaCep para requisição
• Alterado o useFetch para ser condicional
  • Quando o path é vazio não é feito a requisição
  • Quando um pathé fornecido então é feito a requisição
  • Não é pra alterar o comportamento dos outros fetchs, mas é bom testar e ver se nada quebrou, dependendo por precaução faço um hook diferente só pra isso

Rotas novas consultadas

• shelters/cities: para consulta das cidades disponíveis e a quantidade de abrigos para cada um
• viacep.com.br: para consultar dados de um CEP

O que falta

• Alinhar com time de UX sobre mudanças

Testes recomendados a serem feitos no code review ou QA

1. Verificar em Filtros se o filtro de cidade está funcionando corretamente
   1. Se pode selecionar vários
   2. Se pode pesquisar digitando
   3. Se pode selecionar um dos itens
   4. E está aplicando corretamente na listagem
2. Se as cidades aplicadas do ponto anterior estão aparecendo embaixo do campo de pesquisa de nome do abrigo em cima da listagem
   1. Se ao clicar em um item
      1. Ele é removido
      2. A listagem é atualizada de acordo
3. No painel de abrigos
   1. Cadastrar abrigo
      1. Seguintes campos aparecem e são obrigatórios: CEP , Logradouro (Rua/avenida) , Número , Bairro e Cidade
      2. Ao digitar um CEP e estando em um dos formatos aceitados preenchendo os campos de Logradouro (Rua/avenida) , Bairro e Cidade
      3. Ao salvar os devidos dados são salvos(verificar rota de GET e a página de detalhes do abrigo)
   2. Editar abrigo
      1. Seguintes campos aparecem e são obrigatórios: CEP , Logradouro (Rua/avenida) , Número , Bairro e Cidade
      2. Ao digitar um CEP e estando em um dos formatos aceitados preenchendo os campos de Logradouro (Rua/avenida) , Bairro e Cidade
         • Se a requisição é feita somente quando o campo é alterado, não é pra requisitar só de iniciar a página
      3. Ao salvar os devidos dados são salvos(verificar rota de GET e a página de detalhes do abrigo)
      • Campo de endereço é exibido para verificação de dado antigo(caso queira normalizar os outros campos)
   3. Detalhes do abrigo
      1. Aparecer cidade(ícone de prédio)
      2. Caso address seja nulo aparecer formatado com os dados dos outros campos(comparar dados da requests com os
         que aparecem)

• Como foi alterado o hook de useFetch é bom testar as outras rotas pra ver se nada quebrou e está funcionando de acordo

Depende

• Criação do endpoint para busca de cidades dos abrigos backend#82

depends on backend#

[filipepacheco]

lgtm