diff --git a/src/components/AddPet/index.js b/src/components/AddPet/index.js index 1e67f65b..74730448 100644 --- a/src/components/AddPet/index.js +++ b/src/components/AddPet/index.js @@ -9,9 +9,69 @@ import PetRegister from '../../layouts/app/pages/PetRegister'; import arrowLeft from './assets/arrow-left.svg'; +import afghanHound from '../../stories/assets/petRegisterPage/afghanHound.svg'; +import akita from '../../stories/assets/petRegisterPage/akita.svg'; +import beagle from '../../stories/assets/petRegisterPage/beagle.svg'; +import bichonFrise from '../../stories/assets/petRegisterPage/bichonFrise.svg'; +import borderCollie from '../../stories/assets/petRegisterPage/borderCollie.svg'; +import boxer from '../../stories/assets/petRegisterPage/boxer.svg'; +import chowChow from '../../stories/assets/petRegisterPage/chowChow.svg'; +import mixedBreed from '../../stories/assets/petRegisterPage/mixedBreed.svg'; + import './index.scss'; -const cards = []; +const cards = [ + { + title: 'Akita', + imgSrc: akita, + imgAlt: 'akita', + }, + { + title: 'Boxer', + imgSrc: boxer, + imgAlt: 'boxer', + }, + { + title: 'Akita', + imgSrc: akita, + imgAlt: 'akita', + }, + { + title: 'Boxer', + imgSrc: boxer, + imgAlt: 'boxer', + }, + { + title: 'Beagle', + imgSrc: beagle, + imgAlt: 'beagle', + }, + { + title: 'Afghan Hound', + imgSrc: afghanHound, + imgAlt: 'afghan hound', + }, + { + title: 'Bichon Frise', + imgSrc: bichonFrise, + imgAlt: 'bichon frise', + }, + { + title: 'Chow Chow', + imgSrc: chowChow, + imgAlt: 'chow chow', + }, + { + title: 'Border Collie', + imgSrc: borderCollie, + imgAlt: 'border collie', + }, + { + title: 'Mixed Breed', + imgSrc: mixedBreed, + imgAlt: 'mixed breed', + }, +]; const steps = new Map(); steps.set(1, 'Petraça'); diff --git a/src/layouts/app/pages/PetVet/index.scss b/src/layouts/app/pages/PetVet/index.scss index cbcbb5e5..3b25cd52 100644 --- a/src/layouts/app/pages/PetVet/index.scss +++ b/src/layouts/app/pages/PetVet/index.scss @@ -95,6 +95,8 @@ display: flex; justify-content: center; + + margin-top: auto; } &__button {