Centralizar estado de filtros duplicado em hook ou store

[tarcisiopgs]

Contexto

A lógica de defaultFilters, handleApplyFilters e handleClearFilters está copiada em HomePage, SearchPage e FilterDialogDesktop. Se alguém alterar num lugar e esquecer no outro, os filtros ficam desincronizados.

O que precisa ser feito

Extrair a lógica de filtros para um custom hook (ex: useFilters) ou adicionar ao store existente (Zustand). O hook/store deve conter o estado, os handlers e o defaultFilters.

Arquivos envolvidos

• src/app/(public)/page.tsx
• src/app/(public)/search/page.tsx
• src/features/search/components/FilterDialogDesktop.tsx
• src/features/search/components/types.ts

Referência

• https://react.dev/learn/reusing-logic-with-custom-hooks
• PR feat:ajuste home #164 review comments

[PolyannaMeira]

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

[MateusFelS]

o filtro já está funcionando ou é apenas o visual?

[tarcisiopgs]

boa pergunta, @MateusFelS. resposta direta: o filtro funciona parcialmente e é por culpa da API, não da UI.

o que tá funcionando hoje (chega na request do backend):

• especialidade (specialty)
• tipo de serviço (service)
• acessibilidade (accessibility) — esse último foi adicionado no PR feat: centralizar filtros em hook e migrar Home e Search para API rea… #224 (a chamada pro useGetSearchProfessionals agora envia o filtro)

o que não chega na API (a UI coleta mas não tem onde mandar):

• disponibilidade (Hoje, Amanhã, etc)
• valor ($, $$, $$$)
• distância (slider 0-30km)

a razão é que o endpoint GET /search/professionals no backend só aceita esses 3 query params hoje (specialty, service, accessibility). os outros 3 nem têm parâmetro pra receber.

além disso, dos que funcionam, a gente envia só o primeiro item de cada array. se o usuário marca "Acupuntura" e "Reiki" no filtro de especialidade, só "Acupuntura" chega na API. o backend hoje aceita um valor único, não array.

resumindo o que precisa acontecer pra esses filtros funcionarem 100%:

1. backend aceitar arrays nos filtros existentes (specialty, service, accessibility) → assim conseguimos enviar tudo que o usuário marcou
2. backend criar parâmetros novos pra availability, value, distance → assim os filtros que hoje são puramente visuais começam a filtrar de verdade

vou abrir issue no repo do backend listando esses dois pedidos. enquanto isso, sugiro deixar essa task em validação só pros 3 filtros que funcionam (especialidade, serviço, acessibilidade) e abrir uma issue nova "completar filtros backend (availability/value/distance + arrays)" que fica em A fazer.

[tarcisiopgs]

atualizando: testei em prod e os filtros estão funcionando de fato agora, não só visualmente. três PRs entraram pra fechar isso:

no backend, abri a developmentHC/conectaBemBack#74 que faz o GET /search/professionals aceitar filtros como array (antes só aceitava um valor único por chave). agora se o user seleciona Reiki + Acupuntura no filtro de especialidade, os dois chegam na API via ?specialty=Reiki&specialty=Acupuntura e o backend faz match com OR usando $in no Mongo.

no front, a #230 corrige um bug que tinha passado: o useFilterProfessional assumia que o response do filterQuery era um array direto, mas o backend devolve { professionals, page, pageCount, ... }. resultado: os cards filtrados sumiam silenciosamente e o pageCount ficava sempre 1, então a UI de paginação nem aparecia. agora lê os dois campos certo.

também tinha um bug do CORS-em-304 no backend (developmentHC/conectaBemBack#76) que quebrava a request quando o browser mandava If-None-Match. fix foi desabilitar ETag.

o que ainda não funciona, e fica como followup pra ser endereçado depois:

• availability, value, distance: a UI coleta esses 3 mas o backend não tem onde armazenar. precisa de schema novo no User model (slots de horário, range de preço, coords + index 2dsphere) — é trabalho maior, não dá pra resolver no escopo desse card.

dá pra fechar essa task. quando quiserem ativar os 3 filtros que faltam, abre PR no back primeiro adicionando o suporte e depois eu mando os params corretos no front.