Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • F frontend
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 108
    • Issues 108
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 4
    • Merge requests 4
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Pró-Mata
  • frontend
  • Merge requests
  • !71

Closed
Created Sep 14, 2025 by André Sacilotto Santos@andre.santosOwner0 of 3 tasks completed0/3 tasks
  • Report abuse
Report abuse

Filter component

  • Overview 0
  • Commits 8
  • Changes 4

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

Assignee
Assign to
Reviewer
Request review from
Time tracking
Source branch: filter-component