Criação do filtro para registro do Pet

**Describe the feature**
Implementação de um botão de filtro na interface de cadastro de um novo pet para filtrar os Pets por raça, tamanho e personalidade. Ao clicar neste botão, será apresentado um dropdown com as opções disponíveis para filtragem.

Description

Esta funcionalidade visa adicionar um botão de filtro na interface de listagem de Pets, permitindo aos usuários filtrar os animais disponíveis. Ao interagir com este botão, o usuário verá um dropdown contendo as diversas características de Pets que podem ser selecionadas através de um checkbox para filtrar os resultados exibidos. É importante que a pessoa responsável por esta task venha falar com os lideres do projeto para definir todas as opções de raças disponíveis no filtro, veja também que o figma do petdex tem um já uma opção pós filtro

Use Case


Esta funcionalidade é útil para usuários que estão registrando por Pets de raças específicas, facilitando a busca e tornando a experiência do usuário mais eficiente e agradável. Por exemplo, um usuário que deseja registrar um Labrador Retriever poderá facilmente filtrar a lista de Pets disponíveis para incluir apenas aqueles que se encaixam na sua preferência de raça, simplificando posteriormente o processo de busca.

Implementation Details

A implementação deverá envolver a criação de um componente de UI para o botão de filtro que, ao ser clicado, exibe um dropdown contendo as opções de raças de Pets. Este dropdown deve ser dinâmico, carregando as opções disponíveis a partir de uma fonte de dados. Será necessário trabalhar em conjunto com o backend para garantir que as raças de Pets possam ser devidamente filtradas com base na seleção do usuário.

Visual Concepts

Figma do projeto: https://www.figma.com/file/ZQ5mPH1j2snuiVpkp68EI5/PetDex?type=design&node-id=1010%3A1889&mode=dev&t=GRgL4KmmdlOZjaxR-1

Exemplo do dropdown:

Botão Filtro:

Botão pos Filtro:

Additional Information


É importante que a pessoa encarregada desta task entre em contato com a equipe para discutir as opções de filtro e garantir que todas as opções relevantes sejam incluídas. Além disso, a integração com funcionalidades de filtro existentes em outras telas do projeto deve ser cuidadosamente planejada para manter a consistência e usabilidade em toda a aplicação.