From 304dc6f15e7bb9c232d8c7d42659fee0313672d7 Mon Sep 17 00:00:00 2001
From: ss-nikunj <nikunj.maniya@smartsensesolutions.com>
Date: Mon, 26 Aug 2024 18:45:35 +0530
Subject: [PATCH] fix: Resolve blank page issue after activating service
 subscription request. (#1005)

---
 .../ActivateServiceSubscription/index.tsx     | 86 ++++++++++---------
 src/features/serviceManagement/apiSlice.ts    |  2 +-
 2 files changed, 48 insertions(+), 40 deletions(-)

diff --git a/src/components/overlays/ActivateServiceSubscription/index.tsx b/src/components/overlays/ActivateServiceSubscription/index.tsx
index 25cf7c580..1806fc8d1 100644
--- 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
index 892ec739e..b152590e0 100644
--- 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
 }