# Display Staff 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 staff)

Dev Notes

• create a smash function that gets all staff by event id in src/javascripts/helpers/data/smash.js

  
  const getAllStaffByEventId = (eventId) = new Promise((resolve,reject) => {
  eventData.getEventById(eventId)
  .then((response) => {
    const event = response.data;
    event.id = eventId;
    event.staff = [];
    eventStaffData.getEventStaffByEventId(event.id).then((eventStaff) => {
      staffData.getStaff().then((allStaff) => {
        eventStaff.forEach((eventStaff) => {
          const staff = allStaff.find((f) => f.id === eventStaff.staffId);
          event.staff.push(food);
        });
        resolve(event);
      });
    });
  })
  .catch((err) => reject(err));
  });

getAllStaffByEventId(eventId) .then((eventWithStaff) => { const staffCost = eventWithStaff.reduce((accumulator, staff) => { return accumulator + staff.price }, 0); }) .catch((err) => console.error('error in getAllStaffByEventId', err))