fix(connector-details): fix blank page

CHANGELOG.md

@@ -14,6 +14,7 @@
   - Remove unnecessary import of Typography, Dialog and Circular Progress from mui and use those from shared-components
 - Connector Management
   - fetch details using api, added permissions and fixed error messages
+  - Fixed blank page issue on cliking on details
 - App Release Process
   - Integrated role deletion with BE api reponse
 - Company Application Registraion Detail Overlay

src/components/pages/EdcConnector/ConnectorDetailsOverlay.tsx

@@ -116,9 +116,15 @@ const ConnectorDetailsOverlay = ({
     {
       key: t('content.edcconnector.details.technicalUser'),
       value:
-        fetchConnectorDetails?.technicalUser === null
-          ? t('content.edcconnector.details.noTechnicalUserAvailable')
-          : fetchConnectorDetails?.technicalUser,
+        fetchConnectorDetails?.technicalUser === null ? (
+          t('content.edcconnector.details.noTechnicalUserAvailable')
+        ) : (
+          <a
+            href={`/techuserdetails/${fetchConnectorDetails?.technicalUser?.id}`}
+          >
+            {fetchConnectorDetails?.technicalUser?.name}
+          </a>
+        ),
     },
     {
       key: t('content.edcconnector.details.SdRegistration'),

src/features/connector/connectorApiSlice.ts

@@ -92,7 +92,12 @@ export interface ConnectorDetailsType {
   hostId: string
   hostCompanyName: string
   connectorUrl: string
-  technicalUser: string
+  technicalUser: null | {
+    id: string
+    name: string
+    clientId: string
+    description: string
+  }
   selfDescriptionDocumentId?: string | null
 }