Enhancement of the existing App and Service Marketplace Page handling for the case of an API error.
The frontend component should be able to detect and properly handle the following error responses from the API:
Empty API Response - When the API returns an empty api response, the UI should inform the user that no data is available instead of displaying a blank page or a broken component. `//Please check, likely this is already implemented
API Response 401 Error (Unauthorized) - Upon receiving a 401 error, the UI should prompt the user the info that the API load was unsuccessful
API Response 403 Error (Forbidden) - If a 403 error is encountered, the UI should prompt the user the info that the API load was unsuccessful due to missing permission. Example design see below - NOTE: dont provide a reload
API Response 50x Errors (Server Errors) - The UI should handle server-side errors by displaying a user-friendly message that an error has occurred and offer to retry the request or return to a previous stable state.
Implement a catch-all error handler for all 50x server errors to display a generic "Something went wrong" message.
Provide the user with the option to retry the action that caused the error or to report the issue.
jjeroch
commented
1 week ago
Description:
Enhancement of the existing App and Service Marketplace Page handling for the case of an API error. The frontend component should be able to detect and properly handle the following error responses from the API:
Empty API Response - When the API returns an empty api response, the UI should inform the user that no data is available instead of displaying a blank page or a broken component. `//Please check, likely this is already implemented
API Response 401 Error (Unauthorized) - Upon receiving a 401 error, the UI should prompt the user the info that the API load was unsuccessful
API Response 403 Error (Forbidden) - If a 403 error is encountered, the UI should prompt the user the info that the API load was unsuccessful due to missing permission. Example design see below - NOTE: dont provide a reload
API Response 50x Errors (Server Errors) - The UI should handle server-side errors by displaying a user-friendly message that an error has occurred and offer to retry the request or return to a previous stable state.
As-Is