Add loading overlay to sign-in page during login

[Copilot]

No visual feedback was shown between login submission and account page redirect, leaving users uncertain whether the action was processing.

closes #106

Changes

• Backdrop + CircularProgress overlay renders over the full page while login is in progress; uses zIndex: theme.zIndex.drawer + 1 to sit above all content
• Two loading sources drive isLoading:
  • Redux userProfileStatus === 'login_in' — covers email/password flow (already set by the login action)
  • Local isOAuthLoading state — covers Google/GitHub/Apple OAuth flows where signInWithPopup is async and not reflected in Redux until after the popup resolves
• isOAuthLoading is cleared on all three promise exit paths (no-email error, dispatch success, catch) to prevent a stuck spinner
• aria-label="Signing in..." added to CircularProgress for screen reader accessibility

const isLoading = userProfileStatus === 'login_in' || isOAuthLoading;

<Backdrop open={isLoading} sx={{ zIndex: (theme) => theme.zIndex.drawer + 1 }}>
  <CircularProgress aria-label='Signing in...' />
</Backdrop>

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• download.cypress.io
  • Triggering command: /opt/hostedtoolcache/node/24.14.1/x64/bin/node /opt/hostedtoolcache/node/24.14.1/x64/bin/node index.js --exec install (dns block)
  • Triggering command: /opt/hostedtoolcache/node/24.14.1/x64/bin/node /opt/hostedtoolcache/node/24.14.1/x64/bin/node dist/index.js --exec install (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
mobilitydatabase-web	Ready	Preview, Comment	Apr 28, 2026 11:42am

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[Alessandro100]

@copilot this is the incorrect loading state to account for. The loading state needs to come after the dispatch dispatch(loginWithProvider({ oauthProvider, userCredential }));. There needs to be a way for this component to communicate with the store to display a loading state before the page will naturally navigate automatically (on success) or display an error (on failure)

[Copilot]

Fixed in 8bc161c. The setIsOAuthLoading(false) call before dispatch(loginWithProvider(...)) has been removed, so the overlay now persists through the entire saga execution (getUserFromSession, retrieveUserInformation, loginSuccess). The component clears isOAuthLoading via a new useEffect that watches emailLoginError — this fires when the saga fails and dispatches loginFail. On the happy path the overlay simply stays visible until loginSuccess triggers navigation away from the page.

[Copilot]

Just as a heads up, I was blocked by some firewall rules while working on your feedback. Expand below for details.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• download.cypress.io
  • Triggering command: /opt/hostedtoolcache/node/24.14.1/x64/bin/node /opt/hostedtoolcache/node/24.14.1/x64/bin/node index.js --exec install (dns block)
  • Triggering command: /opt/hostedtoolcache/node/24.14.1/x64/bin/node /opt/hostedtoolcache/node/24.14.1/x64/bin/node dist/index.js --exec install (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

[github-actions]

*Lighthouse ran on https://mobilitydatabase-amt50sl1f-mobility-data.vercel.app/ * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟢 100	🟢 94	🟢 96	🟢 100

*Lighthouse ran on https://mobilitydatabase-amt50sl1f-mobility-data.vercel.app/feeds * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟠 83	🟠 87	🟢 96	🟢 100

*Lighthouse ran on https://mobilitydatabase-amt50sl1f-mobility-data.vercel.app/feeds/gtfs/mdb-2126 * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🔴 41	🟢 94	🟢 96	🟢 100

*Lighthouse ran on https://mobilitydatabase-amt50sl1f-mobility-data.vercel.app/feeds/gtfs_rt/mdb-2585 * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟢 92	🟠 84	🟢 96	🟢 100

*Lighthouse ran on https://mobilitydatabase-amt50sl1f-mobility-data.vercel.app/feeds/gbfs/gbfs-flamingo_porirua * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟢 91	🟢 94	🟢 96	🟢 100

[Alessandro100]

tested with preview link and locally with email and firebase auth, works great