Describe the feature
A página de PetPerfil será exibida quando o usuário clicar no PetAvatar que fica na lateral do menu ou nos cards de pet que aparecem na home com pets cadastrados.
Iniciar apenas quando:
[ ] #234
[ ] #231
[x] #109
[x] #24
Description
Quando o usuário clicar no `PetPerfil` ou no card de pet na página `MeusPets` ele será levado para essa página, cuja deverá exibir as informações do pet em questão. Sua tarefa é fazer **apenas os layouts e a funcionalidade dos componentes caso necessário** a chamada a API será feita e outra tarefa.
Use Case
Eu como usuário preciso ter como visualizar os dados do meu pet cadastrado.
Implementation Details
Na URL que levará para a página de `PetPerfil` haverá um id, algo nesse formato `/petperfil/1234`, esse ID será usado no futuro como dado chave para buscar o pet em questão e popular a página. Lembre-se dessa informação!
Visual Concepts
Lembre-se que a **maior parte, se não todos** os componentes que compõem essa página **já estão criados**, sua tarefa é apenas usar os componentes criados para popular a página.
![image](https://github.com/devhatt/pet-dex-frontend/assets/13935760/45574b89-db3d-465d-bb72-247f6c09bda4)
Additional Information
Lembre-se de seguir o figma!
Describe the feature A página de
PetPerfil
será exibida quando o usuário clicar noPetAvatar
que fica na lateral do menu ou nos cards de pet que aparecem nahome
com pets cadastrados.Iniciar apenas quando:
Description
Quando o usuário clicar no `PetPerfil` ou no card de pet na página `MeusPets` ele será levado para essa página, cuja deverá exibir as informações do pet em questão. Sua tarefa é fazer **apenas os layouts e a funcionalidade dos componentes caso necessário** a chamada a API será feita e outra tarefa.Use Case
Eu como usuário preciso ter como visualizar os dados do meu pet cadastrado.Implementation Details
Na URL que levará para a página de `PetPerfil` haverá um id, algo nesse formato `/petperfil/1234`, esse ID será usado no futuro como dado chave para buscar o pet em questão e popular a página. Lembre-se dessa informação!Visual Concepts
Lembre-se que a **maior parte, se não todos** os componentes que compõem essa página **já estão criados**, sua tarefa é apenas usar os componentes criados para popular a página. ![image](https://github.com/devhatt/pet-dex-frontend/assets/13935760/45574b89-db3d-465d-bb72-247f6c09bda4)Additional Information
Lembre-se de seguir o figma!