search

eclipse-tractusx / portal-frontend

Portal Frontend
Apache License 2.0
4 stars 25 forks source link

Semantic Hub - Error handling on UI level #891

Open jjeroch opened 1 week ago

jjeroch commented 1 week ago 
Similar like
https://github.com/eclipse-tractusx/portal-frontend/issues/887
https://github.com/eclipse-tractusx/portal-frontend/issues/890

The page /semantichub needs to get improved to better handle backend errors.

  1. 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. `//similar like the implementation for connectors

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

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

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

https://portal.dev.demo.catena-x.net/semantichub