Exercises

• 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.
• 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:
  • 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

• Add a heading to Appointment to make it clear which appointment time is being viewed.
• There is some repeated sample data. We've used sample data in our tests and we also have sampleAppointments in src/sampleData.js, which we used to manually test our application. Do you think it is worth drying this up? If so, why? If not, why not?