Integração: migrar Search para API real (filtros e resultados)

[tarcisiopgs]

Contexto

A página de busca (/search) usa useFilterProfessional() que busca de /mocks/professional.json — os mesmos dados estáticos da Home. Os filtros (especialidade, serviço) não vão pra API nenhuma. O endpoint GET /search/professionals?specialty=&service=&accessibility=&page= já existe no backend e o hook Kubb useGetSearchProfessionals está gerado. Parte da migração descrita em #63.

Decisão de design

Substituir useFilterProfessional() pra chamar a API real passando os filtros como query params. O FilterDialogDesktop e FilterPanelMobile já coletam os filtros — só falta passá-los pro hook. O adapter de shape do ProfessionalCard será o mesmo criado na issue da Home (#209).

A lista de especialidades nos filtros ainda vem de specializationOptions hardcoded — isso será resolvido na issue de especialidades separada.

O que fazer

• Substituir useFilterProfessional() por hook que chama GET /search/professionals com params de filtro
• Usar o Kubb getSearchProfessionals({ specialty, service, accessibility, page })
• Reutilizar adapter toProfessionalCardProps() criado na issue da Home
• Conectar searchBar ao GET /search/searchBar/:terms pra busca por texto
• Implementar paginação real nos resultados

Fora de escopo

• Migrar a lista de especialidades dos filtros pra API (issue Campos de Especialidade no Cadastro(front e backend) #71)
• Refatorar estado duplicado de filtros (issue Centralizar estado de filtros duplicado em hook ou store #195)
• Substituir window.innerWidth (issue Substituir window.innerWidth por useMediaQuery do MUI #194)

Comportamento esperado

1. Ao buscar, resultados vêm da API real
2. Filtros de especialidade e serviço são enviados como query params
3. Paginação funciona (próxima página carrega novos resultados)
4. Busca por texto funciona via search bar

Critérios de aceite

• Resultados de busca vêm da API real
• Filtros de especialidade e serviço funcionam contra a API
• Paginação funciona
• Busca por texto funciona
• Loading state durante busca

Arquivos relevantes

• src/features/search/hooks/useFilterProfessional.ts
• src/app/(public)/search/page.tsx
• src/kubb/hooks/useGetSearchProfessionals.ts
• src/kubb/hooks/useGetSearchSearchbarTerms.ts

Parte de #63. Depende de #209 (adapter de shape).

[PolyannaMeira]

https://conecta-bem-front-git-feat-centrali-764cca-conectabems-projects.vercel.app/

[MateusFelS]

@PolyannaMeira a barra de pesquisa funciona mas quando clico para mudar de página ele continua na mesma

ConectaBem.-.Brave.2026-05-01.18-14-50.mp4

[MateusFelS]

o footer tbm está voando, não está no fim da página

[tarcisiopgs]

boa, @MateusFelS, os dois pontos que vc levantou foram resolvidos. resumo:

"barra de pesquisa funciona mas quando clico para mudar de página ele continua na mesma"

causa raiz no backend (developmentHC/conectaBemBack#73): os controllers de busca liam req.params.page, mas as rotas não tinham :page placeholder, então page era sempre undefined → fallback pra 1 sempre. corrigido pra ler do query string.

no front, a #227 também garante que o page chega no queryKey do React Query (senão o cache devolvia a página 1 pra sempre). e a #230 corrige um bug separado onde o useFilterProfessional ignorava o pageCount do response do filterQuery — por isso os botões nem apareciam quando vc usava o filtro sem termo de busca.

"o footer tbm está voando, não está no fim da página"

resolvido na #231. o layout do route (public) envolvia <main> num <div> com min-h-[40vh] mas sem flex-1. dentro de um flex-col com min-h-screen no outer, esse middle wrapper nunca crescia pra preencher a tela — daí o footer ficava colado abaixo dos 40vh quando a tela era maior. fiz o middle wrapper virar flex flex-1 flex-col e agora o footer cola no fim em qualquer tamanho de tela.

também teve um bug do CORS-em-304 no backend (developmentHC/conectaBemBack#76) que quebrava a request quando o browser mandava If-None-Match — desabilitei ETag e parou.

testei em prod: clicar "Próxima" carrega a página 2 (4 cards diferentes da página 1), "Anterior" volta, "Próxima" desabilita na última página, footer cola no fim em todos os cenários (com cards, sem cards, com erro).

dá pra fechar a task.

[MateusFelS]

tudo certo