Skip to content

Photo Exibition (Cat) #10

@rodolfobertini

Description

@rodolfobertini

Criação do componente de exibição da foto:

  • Objetivo: Criar o componente para importar a imagem da foto do gato do usuário. Deve ter um botão de remover a imagem logo abaixo da moldura.

Dados do Ambiente:

Para rodar o storybook: npx storybook@latest init

  • Usar essa descrição para o storybook: componentName.stories.tsx.
    Exemplo:
    image

Comportamento Esperado:

  • Aparecer o ícone com a foto do gato no formato redondo e um botão de remover a imagem logo abaixo da moldura.
  • Se clicar no botão de remover, a imagem do gato sumirá do ícone e aparecerá somente a moldura com o ícone de imagem dentro dela).

Comportamento Real:

  • Carregar a foto do gato(quando carregada) ou ícone de imagem (caso não exista foto ou dê erro no carregamento da imagem) dentro de um formato redondo (border-radius 50%).

Imagens/Capturas de Tela:

Captura de tela de 2024-05-03 09-55-13

Captura de tela de 2024-05-03 09-55-27

Captura de tela de 2024-05-03 09-55-51

Passos para Reproduzir:

Registros de Erro:

< Os famosos logs, se disponíveis, podem fornecer informações valiosas sobre o problema. >

Possível Solução/Sugestões:

< Ideias ou sugestões que possam ajudar a resolver o problema. >

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions