search

eclipse-tractusx / portal-frontend

Portal Frontend
Apache License 2.0
4 stars 25 forks source link

Company Data Management UI with Advanced Error Handling #888

Open jjeroch opened 1 week ago

jjeroch commented 1 week ago

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

  2. 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

  3. 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