Melhora tela que mostra resultados não encontrados

[pitangainnovare]

O que esse PR faz?

Este PR adiciona um estado visual de “nenhum resultado encontrado” para a interface de busca. A ideia é melhorar a experiência do usuário quando a pesquisa não retorna itens, exibindo uma mensagem clara e um card dedicado, em vez de deixar a área de resultados vazia ou ambígua.

Onde a revisão poderia começar?

A revisão pode começar por estes arquivos:

• search/templates/search/include/no_results.html
• search/templates/search/include/results.html
• search/static/search/css/custom.css

Como este poderia ser testado manualmente?

1. Abrir a interface de busca.
2. Realizar uma pesquisa com um termo que não retorne resultados.
3. Verificar se o card de “nenhum resultado encontrado” é exibido corretamente.
4. Confirmar se a mensagem, o ícone e o espaçamento estão adequados.
5. Validar o comportamento em diferentes tamanhos de tela, especialmente em mobile.

Algum cenário de contexto que queira dar?

Antes desta alteração, quando a busca não retornava resultados, a interface não deixava tão claro para o usuário que simplesmente não havia itens compatíveis com os filtros ou termos aplicados. Este ajuste torna esse estado mais explícito e melhora a comunicação visual da tela de resultados.

Screenshots

Quais são tickets relevantes?

N/A

Referências

N/A

[Copilot]

Pull request overview

Este PR adiciona um estado visual explícito de “nenhum resultado encontrado” na interface de busca, visando melhorar a clareza quando a pesquisa não retorna itens.

Changes:

• Adiciona o template dedicado no_results.html com mensagem e estrutura acessível.
• Altera a renderização de results.html para exibir a lista apenas quando houver resultados, caso contrário exibir o card de vazio.
• Inclui estilos CSS para o novo estado vazio, com ajustes responsivos.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File	Description
search/templates/search/include/results.html	Passa a alternar entre lista de resultados e estado vazio.
search/templates/search/include/no_results.html	Novo componente de UI para “nenhum resultado encontrado”.
search/static/search/css/custom.css	Estilos do card de estado vazio + responsividade.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

O estado de “nenhum resultado” foi implementado apenas no render inicial (results.html), mas as buscas/filters na UI atualizam #results-container via AJAX usando o endpoint search_view_list, que sempre renderiza search/include/results_list.html (veja search/views.py). Com isso, quando a pesquisa retorna 0 itens após uma interação, o usuário ainda verá a toolbar/controles com lista vazia (e não o card de no_results.html). Sugestão: mover a decisão de vazio para o template retornado pelo endpoint (por exemplo, incluir no_results.html dentro de results_list.html quando results_data.search_results estiver vazio, ou criar um partial sem o wrapper #results-container e renderizá-lo tanto no SSR quanto no AJAX).

Suggested change

	{% if results_data.search_results %}
	{% include "search/include/results_list.html" %}
	{% else %}
	{% include "search/include/no_results.html" %}
	{% endif %}
	{% include "search/include/results_list.html" %}