BONUS: Change destination card color once it has resulted in a diary entry

[ancasimon]

User Story

Once a user has written about a place at least once, change the color of the card for that place.

AC

WHEN I go to the Travel Diary site and add a diary entry for a destination, THEN the background color of the destination card changes.

Dev Notes

• Create 2 css classes for card background color: 1-unvisitedDestination; 2-visitedDestination.
• Write a smash function that gets all the destinations that have a diary entry with that destination ID and creates a new boolean property on them to indicate they have bene visited.
• When building the dest card, check if the boolean visited is set to true and if so, add a class of visited; otherwise, add a class of unvisited.

[ancasimon]

smash function below:

const getDestinationsWithDiaryEntries = () => new Promise((resolve, reject) => {
  destinationData.getDestinations()
    .then((destinationResponse) => {
      diaryData.getDiaryEntries().then((diaryResponse) => {
        console.error('dest respo', destinationResponse);
        console.error('diary respo', diaryResponse);
        const finalDestinations = [];
        diaryResponse.forEach((diary) => {
          const selectedDestination = destinationResponse.find((x) => x.id === diary.destinationId);
          finalDestinations.push(selectedDestination);
          resolve(finalDestinations);
          console.error('final dest', finalDestinations);
        });
      });
    })
    .catch((error) => reject(error));
});