diff --git a/CHANGELOG.md b/CHANGELOG.md index d4f1c3282..f94879741 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -34,6 +34,8 @@ - Page headers - harmonization and standardization of page headers, added consistent headers and removed unused code - Use scroll to top button from shared components +- Connect management details overlay + - Show appropriate error information to the user along with refetch button ## 2.0.0 diff --git a/src/components/pages/EdcConnector/ConfigurationDetailsOverlay.tsx b/src/components/pages/EdcConnector/ConfigurationDetailsOverlay.tsx index 5d089c898..a4cf44eb8 100644 --- a/src/components/pages/EdcConnector/ConfigurationDetailsOverlay.tsx +++ b/src/components/pages/EdcConnector/ConfigurationDetailsOverlay.tsx @@ -29,6 +29,7 @@ import { type TableType, Typography, CircleProgress, + ErrorBar, } from '@catena-x/portal-shared-components' import { useFetchDecentralIdentityUrlsQuery } from 'features/connector/connectorApiSlice' import './EdcConnector.scss' @@ -45,7 +46,12 @@ const ConfigurationDetailsOverlay = ({ handleOverlayClose, }: ConfigurationDetailsOverlayProps) => { const { t } = useTranslation() - const { data, isFetching } = useFetchDecentralIdentityUrlsQuery() + const { data, isFetching, error, isError, refetch } = + useFetchDecentralIdentityUrlsQuery() + + // To-Do fix the type issue with status and data from FetchBaseQueryError + // eslint-disable-next-line + const decentralIdentityUrlsError = error as any const handleIconDisplay = (value: string | undefined) => { if (value) return true @@ -177,7 +183,22 @@ const ConfigurationDetailsOverlay = ({ ) : ( <> - + {!isError ? ( + + ) : ( + + )}