Bugfix - Blank Screen on Backend Connection Failure #658
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fixes: #655
This pull request resolves the issue of the tornjak UI displaying a blank screen when it fails to connect to the
backend. It introduces a global error boundary mechanism to gracefully handle server connection failures and
provide a clear, user-friendly error message.
Description
Previously, if the backend was unreachable, asynchronous errors from API calls were not properly caught, leading
to a crashed render and a blank white page for the user.
This PR implements the following changes:
Global Error Boundary:
Server-Side Error Detection:
updates the state of the GlobalErrorBoundary.
User-Friendly Error Component:
component. This component informs the user about the connection issue and provides an option to reload the
page.
Code Refinements:
scope of the issue. We can extend this logic to handle any JavaScript run time errors if needed.