Skip to content

sig#810: Company Data Management UI with Advanced Error Handling #888

Closed
@jjeroch

Description

@jjeroch

Description:

Enhancement of the existing Company Data Management User Interface required, to improve the user experience by handling various error scenarios more gracefully. The frontend component should be able to detect and properly handle the following error responses from the API:

  1. Empty API Response - When the API returns an empty dataset (including an empty pagination section), the UI should inform the user that no data is available instead of displaying a blank page or a broken component. //NOTE - use the same implementation as for the connector page/table

Example for Empty API Response

{totalElements: 0, totalPages: 0, page: 0, contentSize: 0, content: []}
  1. API Response 401 Error (Unauthorized) - Upon receiving a 401 error, the UI should prompt the user the info that the API load was unsuccessful
image
  1. 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
image
  1. 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.
image

Reference As-Is

image

Metadata

Metadata

Labels

Type

No type

Projects

Status

USER READY

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions