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

feat: add error screen for network issues #1871

Closed
wants to merge 2 commits into from

Conversation

jog1t
Copy link
Contributor

@jog1t jog1t commented Jan 17, 2025

Closes FRONT-470

Changes

Improves error handling in the Hub frontend by:

  • Adding a CatchBoundary component to handle routing errors
  • Creating a new LayoutedErrorComponent to ensure errors are displayed within the page layout
  • Adding network issue error handling for API failures
  • Ensuring error states maintain consistent styling and layout

The error handling now properly catches and displays:

  • Network connectivity issues
  • Not found errors
  • Authentication errors
  • General application errors

All errors will now be displayed within the standard page layout instead of breaking the UI structure.

Copy link

cloudflare-workers-and-pages bot commented Jan 17, 2025

Deploying rivet with  Cloudflare Pages  Cloudflare Pages

Latest commit: e90cccd
Status: ✅  Deploy successful!
Preview URL: https://d735cea1.rivet.pages.dev
Branch Preview URL: https://01-17-feat-add-error-screen.rivet.pages.dev

View logs

Copy link
Contributor Author

jog1t commented Jan 17, 2025

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more


How to use the Graphite Merge Queue

Add the label merge-queue to this PR to add it to the merge queue.

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has enabled the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

Copy link

cloudflare-workers-and-pages bot commented Jan 17, 2025

Deploying rivet-hub with  Cloudflare Pages  Cloudflare Pages

Latest commit: 93407bf
Status: ✅  Deploy successful!
Preview URL: https://63eeb6e1.rivet-hub-7jb.pages.dev
Branch Preview URL: https://01-17-feat-add-error-screen.rivet-hub-7jb.pages.dev

View logs

@jog1t jog1t force-pushed the 01-17-feat_add_error_screen_for_network_issues branch from 626d711 to c74ec1e Compare January 17, 2025 16:41
@jog1t jog1t force-pushed the 01-17-feat_use_new_onboarding_flow_when_linking_a_device branch from 07e50ec to bdddd12 Compare January 17, 2025 16:44
@jog1t jog1t force-pushed the 01-17-feat_add_error_screen_for_network_issues branch from c74ec1e to d72b95e Compare January 17, 2025 16:44
@jog1t jog1t marked this pull request as ready for review January 18, 2025 19:37
@jog1t jog1t requested a review from NathanFlurry January 18, 2025 19:37
Copy link

linear bot commented Jan 18, 2025

@jog1t jog1t changed the base branch from 01-17-feat_use_new_onboarding_flow_when_linking_a_device to graphite-base/1871 January 18, 2025 19:39
@jog1t jog1t force-pushed the 01-17-feat_add_error_screen_for_network_issues branch from d72b95e to 9da70a7 Compare January 18, 2025 19:39
@jog1t jog1t force-pushed the graphite-base/1871 branch from bdddd12 to 1a80f92 Compare January 18, 2025 19:39
Copy link
Contributor

graphite-app bot commented Jan 18, 2025

Graphite Automations

"Test" took an action on this PR • (01/18/25)

1 assignee was added to this PR based on Kacper Wojciechowski's automation.

@jog1t jog1t changed the base branch from graphite-base/1871 to main January 18, 2025 19:40
@jog1t jog1t force-pushed the 01-17-feat_add_error_screen_for_network_issues branch from 9da70a7 to 93407bf Compare January 18, 2025 19:40
Copy link
Contributor Author

jog1t commented Jan 20, 2025

Merge activity

  • Jan 20, 2:02 PM EST: The merge label 'merge-queue' was detected. This PR will be added to the Graphite merge queue once it meets the requirements.
  • Jan 20, 2:02 PM EST: A user added this pull request to the Graphite merge queue.
  • Jan 20, 2:03 PM EST: CI is running for this PR on a draft PR: #1892
  • Jan 20, 2:04 PM EST: A user merged this pull request with the Graphite merge queue via draft PR: #1892.

jog1t added a commit that referenced this pull request Jan 20, 2025
Closes FRONT-470

## Changes

Improves error handling in the Hub frontend by:
- Adding a `CatchBoundary` component to handle routing errors
- Creating a new `LayoutedErrorComponent` to ensure errors are displayed within the page layout
- Adding network issue error handling for API failures
- Ensuring error states maintain consistent styling and layout

The error handling now properly catches and displays:
- Network connectivity issues
- Not found errors
- Authentication errors
- General application errors

All errors will now be displayed within the standard page layout instead of breaking the UI structure.
@graphite-app graphite-app bot closed this Jan 20, 2025
@graphite-app graphite-app bot deleted the 01-17-feat_add_error_screen_for_network_issues branch January 20, 2025 19:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants