Care-4-you / AgendaSaude.web

https://agenda-saude-web.vercel.app
MIT License
0 stars 0 forks source link

#3C.1 Resultados - Gerar ponteiros para cada clínica ao fazer busca (#13 Subtask#11) #9

Open SamuraiSamuka opened 1 year ago

SamuraiSamuka commented 1 year ago

Exibir cada clínica do resultado da pesquisa como um pin.

Quando uma pesquisa for realizada e retornar os dados, cada uma das clínicas deverá ser representada por um ponterio(pin) clicável no mapa.

(exemplo) Image

SamuraiSamuka commented 1 year ago

Tive alguns problemas para adicionar o ícone que inicialmente só ficava assim:

Image

Descobri que era um erro de tipagem. O valor a ser passado para a propriedade do componente Marker como imagem era o seguinte:

Image

Essa é uma instância do objeto Icon da biblioteca leaflet.

Resultado final:

Image

obrigadochatgpt🤣

emanuellemariz commented 1 year ago

Teste 25/09/23

Caso de Teste:

CN05 - Validar informações do card do ponteiro

Dado que o usuário realize uma pesquisa de clínicas no Agenda Saúde Quando ele clicar no ponteiro da clínica que aparece no mapa Então deverá surgir um Card contendo Nome, Foto e Endereço da Clínica e o botão "Agendar"