LDAP Page improvements (#2708)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>

Author: bexsoft

portal-ui/src/common/SecureComponent/permissions.ts

@@ -157,9 +157,7 @@ export const IAM_PAGES = {
   USER_SA_ACCOUNT_ADD: "/identity/users/new-user-sa/:userName",
 
   /* IDP */
-  IDP_LDAP_CONFIGURATIONS: "/identity/idp/ldap/configurations",
-  IDP_LDAP_CONFIGURATIONS_VIEW: "/identity/idp/ldap/configurations/:idpName",
-  IDP_LDAP_CONFIGURATIONS_ADD: "/identity/idp/ldap/configurations/add-idp",
+  IDP_LDAP_CONFIGURATIONS: "/identity/ldap/configuration",
 
   IDP_OPENID_CONFIGURATIONS: "/identity/idp/openid/configurations",
   IDP_OPENID_CONFIGURATIONS_VIEW:
@@ -451,14 +449,6 @@ export const IAM_PAGES_PERMISSIONS = {
     IAM_SCOPES.ADMIN_ALL_ACTIONS,
     IAM_SCOPES.ADMIN_CONFIG_UPDATE,
   ],
-  [IAM_PAGES.IDP_LDAP_CONFIGURATIONS_ADD]: [
-    IAM_SCOPES.ADMIN_ALL_ACTIONS,
-    IAM_SCOPES.ADMIN_CONFIG_UPDATE,
-  ],
-  [IAM_PAGES.IDP_LDAP_CONFIGURATIONS_VIEW]: [
-    IAM_SCOPES.ADMIN_ALL_ACTIONS,
-    IAM_SCOPES.ADMIN_CONFIG_UPDATE,
-  ],
   [IAM_PAGES.IDP_OPENID_CONFIGURATIONS]: [
     IAM_SCOPES.ADMIN_ALL_ACTIONS,
     IAM_SCOPES.ADMIN_CONFIG_UPDATE,

portal-ui/src/screens/Console/Console.tsx

@@ -113,20 +113,14 @@ const AccountCreate = React.lazy(
 
 const Users = React.lazy(() => import("./Users/Users"));
 const Groups = React.lazy(() => import("./Groups/Groups"));
-const IDPLDAPConfigurations = React.lazy(
-  () => import("./IDP/IDPLDAPConfigurations")
-);
 const IDPOpenIDConfigurations = React.lazy(
   () => import("./IDP/IDPOpenIDConfigurations")
 );
-const AddIDPLDAPConfiguration = React.lazy(
-  () => import("./IDP/AddIDPLDAPConfiguration")
-);
 const AddIDPOpenIDConfiguration = React.lazy(
   () => import("./IDP/AddIDPOpenIDConfiguration")
 );
 const IDPLDAPConfigurationDetails = React.lazy(
-  () => import("./IDP/IDPLDAPConfigurationDetails")
+  () => import("./IDP/LDAP/IDPLDAPConfigurationDetails")
 );
 const IDPOpenIDConfigurationDetails = React.lazy(
   () => import("./IDP/IDPOpenIDConfigurationDetails")
@@ -344,25 +338,17 @@ const Console = ({ classes }: IConsoleProps) => {
       path: IAM_PAGES.POLICIES,
     },
     {
-      component: IDPLDAPConfigurations,
+      component: IDPLDAPConfigurationDetails,
       path: IAM_PAGES.IDP_LDAP_CONFIGURATIONS,
     },
     {
       component: IDPOpenIDConfigurations,
       path: IAM_PAGES.IDP_OPENID_CONFIGURATIONS,
     },
-    {
-      component: AddIDPLDAPConfiguration,
-      path: IAM_PAGES.IDP_LDAP_CONFIGURATIONS_ADD,
-    },
     {
       component: AddIDPOpenIDConfiguration,
       path: IAM_PAGES.IDP_OPENID_CONFIGURATIONS_ADD,
     },
-    {
-      component: IDPLDAPConfigurationDetails,
-      path: IAM_PAGES.IDP_LDAP_CONFIGURATIONS_VIEW,
-    },
     {
       component: IDPOpenIDConfigurationDetails,
       path: IAM_PAGES.IDP_OPENID_CONFIGURATIONS_VIEW,

portal-ui/src/screens/Console/EventDestinations/ConfTargetGeneric.tsx

@@ -163,8 +163,16 @@ const ConfTargetGeneric = ({
             elements={holderItem ? holderItem.value : ""}
             label={field.label}
             name={field.name}
-            onChange={(value: string) => {
-              setValueElement(field.name, value, item);
+            onChange={(value: string | string[]) => {
+              let valCh = "";
+
+              if (Array.isArray(value)) {
+                valCh = value.join(",");
+              } else {
+                valCh = value;
+              }
+
+              setValueElement(field.name, valCh, item);
             }}
             tooltip={field.tooltip}
             commonPlaceholder={field.placeholder}

portal-ui/src/screens/Console/IDP/AddIDPConfigurationHelpbox.tsx

@@ -80,8 +80,8 @@ const AddIDPConfigurationHelpBox = ({
         <div>{helpText}</div>
       </Box>
       <Box sx={{ fontSize: "14px", marginBottom: "15px" }}>
-        {contents.map((content) => (
-          <Fragment>
+        {contents.map((content, index) => (
+          <Fragment key={`feature-item-${index}`}>
             {content.icon && (
               <Box sx={{ paddingBottom: "20px" }}>
                 <FeatureItem

portal-ui/src/screens/Console/IDP/AddIDPLDAPConfiguration.tsx

@@ -168,6 +168,7 @@ const IDPConfigurationDetails = ({
           setLoading(false);
         });
     };
+
     if (loading) {
       loadRecord();
     }