# Display Show Reporting

[MarkyAaronYoung]

User

As a user, when I click on an event's financial reporting page, I should be able to see the total costs of a specific component.

AC

When a user is authenticated And on an events page's financial reporting page Then they should be able to see a breakdown of total costs by a specific component (such as shows)

Dev Notes

• create a smash function that gets all shows by eventId in src/javascripts/helpers/data/smash.js

  
  const getAllShowsByEventId = (eventId) = new Promise((resolve,reject) => {
  eventData.getEventById(eventId)
  .then((response) => {
    const event = response.data;
    event.id = eventId;
    event.shows = [];
    eventShowData.getEventShowsByEventId(event.id).then((eventShows) => {
      showData.getShows().then((allShows) => {
        eventShows.forEach((eventShow) => {
          const show = allShows.find((f) => f.id === eventShow.showId);
          event.shows.push(show);
        });
        resolve(event);
      });
    });
  })
  .catch((err) => reject(err));
  });

getAllShowsByEventId(eventId) .then((eventWithShows) => { const ShowCost = eventWithShows.reduce((accumulator, show) => { return accumulator + show.price }, 0); .catch((err) => console.error('error in getAllShowsByEventId', err))