Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature Loading Message #7

Open
2 tasks
SallyMcGrath opened this issue Dec 18, 2024 · 0 comments
Open
2 tasks

Feature Loading Message #7

SallyMcGrath opened this issue Dec 18, 2024 · 0 comments
Labels
🧩 Feature 🏕 Priority Mandatory This work is expected 🐂 Size Medium 1-4 hours 📅 Week 4 Assigned during Week 4 of this module

Comments

@SallyMcGrath
Copy link
Collaborator

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.
@SallyMcGrath SallyMcGrath added 🏕 Priority Mandatory This work is expected 🐂 Size Medium 1-4 hours 📅 Week 4 Assigned during Week 4 of this module 🧩 Feature labels Dec 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🧩 Feature 🏕 Priority Mandatory This work is expected 🐂 Size Medium 1-4 hours 📅 Week 4 Assigned during Week 4 of this module
Projects
None yet
Development

No branches or pull requests

1 participant