Skip to content

GitLab

Closed
Created by André Sacilotto Santos@andre.santosOwner0 of 5 tasks completed0/5 tasks
Report abuse

Filter component

(deve ser corrigido pelo Lucas)

Mudanças

Mudei a lógica do compontente ExperienceFilter para seguir o mesmo padrão de desenvolvimento do filtro do admin > experiences > index

Criei um arquivo exportando um objeto das experiencias, validado pelo Zod:

import z from "zod";
import { ApiDefaultFilters } from "./api-default-filters";

export const ExperienceFilters = z.object({
  ...ApiDefaultFilters.shape,
  search: z.string().max(100).optional(),
  type: z.string().max(100).optional(),
  startDate: z.string().max(100).optional(),
  endDate: z.string().max(100).optional(),
});

export type TExperienceFilters = z.infer<typeof ExperienceFilters>;

Como testar

Criar uma rota de teste confirmar se os filtros estão sendo aplicados corretamente

  • Filtro por tipo de experiência: Clique nos botões "Quartos", "Eventos", "Laboratórios" ou "Trilhas". Verifique se apenas experiências do tipo selecionado aparecem na lista.

  • Filtro por data: Selecione uma "Data de Entrada" e/ou "Data de Saída". Verifique se apenas experiências dentro do intervalo de datas aparecem.

  • Filtro por busca: Digite um termo no campo "Buscar..." (ex: "Lab"). Verifique se apenas experiências cujo nome ou descrição contém o termo aparecem.

Acceptance Criteria

  • O usuário consegue filtrar experiências por tipo (Quartos, Eventos, Laboratórios, Trilhas)
  • O usuário consegue filtrar experiências por intervalo de datas (Data de Entrada e Data de Saída)
  • O usuário consegue buscar experiências por nome/descrição no campo de busca
  • Os filtros são aplicados automaticamente ao serem alterados, disparando nova requisição à API
  • O tipo "Laboratórios" está selecionado por padrão ao carregar o componente

Screenshots da tela/componente desenvolvido

image (imagem do figma, não mudei nada visual então nem cheguei a recriar a rota de teste para visualizar o componente. Mas é para estar identico ao figma, como estava no primeiro PR)

Observações

Talvez tenha faltado algo referente à páginação das experiencias forte abraço

🔄 Sincronizado do GitHub

Sincronizado automaticamente do GitHub para GitLab AGES