Filter component
Mudanças
Adicionado filtro de experiências por tipo, nome/descrição e datas.
Como testar
import { ExperienceFilter } from "@/components/filter/ExperienceFilter";
const experiences = [
{ name: "Quarto 1", description: "Descrição", type: "Quartos", date: "2025-09-10" },
// ...mais experiências
];
export default function TestPage() {
const [filtered, setFiltered] = useState(experiences);
return (
<div>
<ExperienceFilter experiences={experiences} onFilter={setFiltered} />
<ul>
{filtered.map(exp => (
<li key={exp.name}>{exp.name} - {exp.description}</li>
))}
</ul>
</div>
);
}
Acceptance Criteria
- Usuário consegue filtrar por tipo de experiência
- Usuário consegue buscar por nome ou descrição
- Usuário consegue filtrar por intervalo de datas
Screenshots da tela/componente desenvolvido
Não consegui testar para visualizar o componente, rodei o projeto e apareceu força de erro relacionado ao Sonner e TanStack
Observações
Me falar caso eu tenha feito algo errado
🔄 Sincronizado do GitHub
-
🔗 PR original: https://github.com/AGES-Pro-Mata/frontend/pull/95 -
👤 Autor: @guigs028 -
📅 Criado: 2025-09-14T18:50:13Z -
🔢 ID GitHub: #95 -
🌿 Branches:filter-component
→dev
-
📊 Estado: open -
🔀 Mergeable: unknown
Sincronizado automaticamente do GitHub para GitLab AGES