Previous Matches

[zoeames]

Story

As a user, when I go to my profile page, I would like to see my past lovers.

Acceptance Criteria

When the user navigates to the profile page Then they should see a section called "Past Lovers" And this section should be populated with dinosaurs that appear in their matches array and are not potential matches

Technical Notes

• Modify profile.html page to have "Past Lovers" section
• Loop over matches array and select any dinos that have isCurrentMatch === false
• Send matching dinos to pastLoversStringBuilder
• Call printToDom function and pass in domString

[zoeames]

Wireframe:

[zoeames]

const dinos = [{
  name: "Steve Stegosaurus",
  id: dino1,
  imageUrl: "https://cdn.shopify.com/s/files/1/2281/5369/products/30002_1_x700.jpg?v=1519820343",
  isCurrentMatch: true,
  type: "Stegosaurus"
},
{
  name: "Brian Brachiosaurus",
  id: dino2,
  imageUrl: "https://i.ebayimg.com/images/g/hWAAAOSwd-panuG0/s-l1600.jpg",
  isCurrentMatch: true,
  type: "Brachiosaurus"
},
{
  name: "Ted Triceratops",
  id: dino3,
  imageUrl: "https://ssli.ebayimg.com/images/g/0NMAAOSwpcBao7ep/s-l640.jpg",
  isCurrentMatch: false,
  type: "Triceratops"
},
{
  name: "Maurice Mammoth",
  id: dino4,
  imageUrl: "https://i.ebayimg.com/images/g/Up8AAOSwICxaoW-k/s-l1600.jpg",
  isCurrentMatch: true,
  type: "Impostor"
},
{
  name: "Sally Spinosaurus",
  id: dino5,
  imageUrl: "https://i.ebayimg.com/images/g/pu0AAOSwGjZankAW/s-l1600.jpg",
  isCurrentMatch: false,
  type: "Spinosaurus"
},
{
  name: "Danielle Dimetrodon",
  id: dino6,
  imageUrl: "https://ssli.ebayimg.com/images/g/RGgAAOSwWGxao8Ra/s-l640.jpg",
  isCurrentMatch: false,
  type: "Dimetrodon"
}];