Exercises

1. Rename Appointment.js and Appointment.test.js to AppointmentsDayView.js and AppointmentsDayView.test.js. While it’s fine to include multiple components in one file if they form a hierarchy, you should always name the file after the root component for that hierarchy.
2. Complete the Appointment component by displaying the following fields on the page. You should use a table HTML element to give the data some visual structure. This shouldn’t affect how you write your tests. The fields that should be displayed are the following:
   • Customer last name, using the lastName field
   • Customer telephone number, using the phoneNumber field
   • Stylist name, using the stylist field
   • Salon service, using the service field
   • Appointment notes, using the notes field
3. Add a heading to Appointment to make it clear which appointment time is being viewed.
4. There is some repeated sample data. We’ve used sample data in our tests, and we also have sampleAppointments in src...