Feature Loading Message #22

Show a loading message

Instructions:

Show a loading state in <Bookings /> while the data from the server is being fetched. To test this, try loading data from https://cyf-react.glitch.me/delayed, which has a 5 second delay before returning the data. You will need to use another state to record when your application is loading data (this can be a boolean) and display a loading message whenever the application is loading data.

Hint: Try looking at your Pokemon app for an example.

Test:

• A message inviting the user to wait should be displayed on the screen until bookings data can be rendered on the screen.
• When bookings are rendered, the loading message should be hidden.