All pages should show nicer loading state

[joeyorlando]

What went wrong?

What happened:

• Go to the any page which shows a list of data (ex. Alert Groups, Integrations, Schedules, etc). While the request to fetch the schedules from the backend is still in flight, a "Not found" message is shown to the user.

What did you expect to happen:

• We should show the user a nicer message or loading experience, on all of these pages

How do we reproduce it?

See above description under "What went wrong?"

Grafana OnCall Version

v1.3.1

Product Area

Schedules

Grafana OnCall Platform?

None

User's Browser?

No response

Anything else to add?

No response

[teodosii]

👍 I strongly believe that all screens should be revisited and changed so that we provide some loading feedback to the user whenever the UI is waiting for backend to response. It's very annoying to switch filters/pages and not see any feedback while waiting for table data to change

[teodosii]

The remaining page that didn't have a loading indicator was Schedules - this was fixed in this PR https://github.com/grafana/oncall/pull/3172

At the moment of writing this comment all these pages show the loading indicator while loading the initial data:

• Alert Groups
• Users
• Integrations
• Escalations
• Schedules
• Webhooks
• Escalation Chains