fix: Resolve blank page issue after activating service subscription r…

…equest. (#1005)
eclipse-tractusx · Aug 26, 2024 · 304dc6f · 304dc6f
1 parent da427fc
commit 304dc6f
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 40 deletions.
diff --git a/src/components/overlays/ActivateServiceSubscription/index.tsx b/src/components/overlays/ActivateServiceSubscription/index.tsx
@@ -93,44 +93,49 @@ export default function ActivateserviceSubscription({
 
   const tableData: TableType = {
     head: [t('serviceSubscription.activation.tableheader'), ''],
-    body: [
-      [
-        t('serviceSubscription.activation.userId'),
-        techUserInfo?.technicalUserInfo.technicalClientId ?? '',
-      ],
-      [
-        t('serviceSubscription.activation.sercret'),
-        techUserInfo?.technicalUserInfo.technicalUserSecret ?? '',
-      ],
-      [
-        t('serviceSubscription.activation.url'),
-        techUserInfo?.clientInfo?.clientUrl ?? 'n/a',
-      ],
-      [
-        t('serviceSubscription.activation.technicaluserType'),
-        techUserInfo?.technicalUserInfo.technicalUserPermissions.join(', ') ??
-          '',
-      ],
-    ],
-    edit: [
-      [
-        {
-          icon: false,
-        },
-        {
-          icon: false,
-        },
-      ],
-      [
-        {
-          icon: false,
-        },
-        {
-          icon: false,
-          copyValue: techUserInfo?.technicalUserInfo.technicalUserSecret,
-        },
-      ],
-    ],
+    body:
+      techUserInfo?.technicalUserInfo
+        ?.map((userData) => [
+          [
+            t('serviceSubscription.activation.userId'),
+            userData.technicalClientId ?? '',
+          ],
+          [
+            t('serviceSubscription.activation.sercret'),
+            userData.technicalUserSecret ?? '',
+          ],
+          [
+            t('serviceSubscription.activation.url'),
+            techUserInfo?.clientInfo?.clientUrl ?? 'N/A',
+          ],
+          [
+            t('serviceSubscription.activation.technicaluserType'),
+            userData.technicalUserPermissions.join(', ') ?? '',
+          ],
+        ])
+        .flat(1) ?? [],
+    edit:
+      techUserInfo?.technicalUserInfo
+        ?.map((userData) => [
+          [
+            {
+              icon: false,
+            },
+            {
+              icon: false,
+            },
+          ],
+          [
+            {
+              icon: false,
+            },
+            {
+              icon: false,
+              copyValue: userData.technicalUserSecret,
+            },
+          ],
+        ])
+        .flat(1) ?? [],
   }
 
   return (
@@ -177,7 +182,10 @@ export default function ActivateserviceSubscription({
                 </Typography>
               </Trans>
             </Box>
-            <StaticTable data={tableData} horizontal={false} />
+            {techUserInfo?.technicalUserInfo &&
+            techUserInfo?.technicalUserInfo?.length > 0 ? (
+              <StaticTable data={tableData} horizontal={false} />
+            ) : null}
           </DialogContent>
           <DialogActions>
             <Button

diff --git a/src/features/serviceManagement/apiSlice.ts b/src/features/serviceManagement/apiSlice.ts
@@ -178,7 +178,7 @@ export type ActivateSubscriptionRequest = {
 }
 
 export type ActivateSubscriptionResponse = {
-  technicalUserInfo: TechnicalUserInfoType
+  technicalUserInfo: Array<TechnicalUserInfoType>
   clientInfo: ClientInfoType
 }