[dashboard] Show loading indicator when switching git providers to add a new project

[jankeromnes]

Description

Show loading indicator when switching git providers to add a new project

Related Issue(s)

Fixes #6654

How to test

1. Go to https://jx-switch-load.staging.gitpod-dev.com/new
2. Switch between Git providers (hint: click on "change" next to github.com or gitlab.com near the top)

The switch should show the loading indicator while loading (and not the previous list of repos from the old provider)

Release Notes

[dashboard] Show loading indicator when switching git providers to add a new project

Documentation

/uncc

[jankeromnes]

/werft run

👍 started the job as gitpod-build-jx-switch-load.1

[jankeromnes]

There was already a loading state implemented, I just reactivated it when switching providers:

Could potentially be made prettier though. 😇 @laushinka @gtsiolis any thoughts? ✨

[laushinka]

I can't authorize GitHub in this preview env but when switching to GitLab I can see the loading page 🎉

[laushinka]

Approving but holding off on the lgtm until @gtsiolis takes a look.

/approve

[roboquat]

LGTM label has been added.

Git tree hash: ebe6527ea1084586472c11272d250f63e177b76b

[roboquat]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: laushinka

Associated issue: #6654

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• components/dashboard/OWNERS [laushinka]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[laushinka]

Oh oops I saw the banner that it still needs my review even after approving, so I did that, turns out it then adds the lgtm label 😅 Sorry if @gtsiolis still wanted to take a look!

[jankeromnes]

That's perfect, many thanks for the review @laushinka! 🙏 😁

I also flagged @gtsiolis in case there is an opportunity to improve the design of the loading indicator, but we can also do that as a follow-up / later on. The most important thing was to use the loading indicator appropriately, which fixes the issue. ✅

[gtsiolis]

Thanks @jankeromnes @laushinka! 🏓

FWIW, just tried this in staging and this looks like a great MVC (minimum viable change) iteration. ➿

1. DOES. THE. JOB. ✔️
2. REUSES. EXISTING. PATTERN. ✔️