GitLab

Objetivo

Descreva brevemente o que foi feito e o motivo da alteração.

Criação do componente da galeria de imagens da loja

Como testar

Forneça um passo a passo simples para testar a alteração.

1. Faça o checkout da branch.
2. Execute npm install para instalar as dependências.
3. Adicione na home ou em alguma pagina para testar o import

import StoreImagesDisplay from "../../components/StoreImagesDisplay/StoreImagesDisplay";

e depois use o componente

<StoreImagesDisplay images={[ { id: 1, src: 'https://picsum.photos/200/300', type: 'quadrada' }, { id: 2, src: 'https://picsum.photos/200/300', type: 'quadrada' }, { id: 3, src: 'https://picsum.photos/300/400', type: 'retangular-em-pe' }, { id: 4, src: 'https://picsum.photos/300/400', type: 'retangular-deitada' }, ]} maxSize="500px" />

4. Inicie o servidor com npm run dev.
5. Teste onde você colocou o componente.

Comportamento esperado

Explique o que deve acontecer após as mudanças.

As imagens devem aparecer como no exemplo do figma

obs: não foi definido ainda como as imagens vão ser organizadas, foi discutido com os ages IV e eles vão conversar com os stakeholders