pet-dex-frontend
pet-dex-frontend copied to clipboard
devhatt
Tela de nome de bichinho
Describe the feature Desenvolvimento da tela de nome de bichinho. Essa tela possui o componente já existente de seleção de imagem, o componente já existente de input e tambem o já existente de botão tambem.
Description
Esta é uma das telas do fluxo de cadastrar pet. O uso dela é, adicionar a imagem, adicionar o nome e então clicar em continuar pra seguir para a proxima etapa.
Implementation Details
Esta tela será criada como um componente isolado, usando outros componentes, para que eventualmente seja usada no fluxo de adição de pet.Essa tela tem algumas restrições:
- Não é possivel clicar no botão de continuar caso não tenha uma imagem selecionada
- Não é possivel clicar no botão de continuar caso não tenha o nome do pet
É preciso falar com o designer pra saber qual o formato do erro de quando não tem imagem ou nome
Esse componente deve emitir o nome do pet e sua imagem quando elas forem definidas.
Atente-se que os componentes da tela devem retornar o dado atualizado através de um evento de emitter para o componente pai.
Visual Concepts
Figma: https://www.figma.com/file/ZQ5mPH1j2snuiVpkp68EI5/PetDex?type=design&node-id=107-5&mode=design&t=q6D9l7qTzBMaJ5eD-0Additional Information
Lembre-se que esté componente não compoem a parte superior da progress bar amarela, nem todo o resto que fica a cima da seleção da imagem.
Está parte a baixo não faz parte do componente
