Refactor of credential editing page layout & refactor backend field v…

…alidation method
opensearch-project · Aug 30, 2022 · 00c44a9 · 00c44a9
1 parent c9a9a9b
commit 00c44a9
Show file tree

Hide file tree

Showing 6 changed files with 275 additions and 142 deletions.
diff --git a/...ent/public/components/common/components/create_credential_form/create_credential_form.tsx b/...ent/public/components/common/components/create_credential_form/create_credential_form.tsx
@@ -16,6 +16,7 @@ import {
   EuiSpacer,
   EuiText,
 } from '@elastic/eui';
+import { i18n } from '@osd/i18n';
 import { FormattedMessage } from '@osd/i18n/react';
 import { DocLinksStart } from 'src/core/public';
 import { context as contextType } from '../../../../../../opensearch_dashboards_react/public';
@@ -150,11 +151,14 @@ export class CredentialForm extends React.Component<CredentialFormProps, Credent
     }
   };
 
+  createCredentialHeader = i18n.translate('credentialManagement.createIndexPatternHeader', {
+    defaultMessage: 'Create Stored Credential',
+  });
   /* Render methods */
 
   renderHeader() {
     const { docLinks } = this.props;
-    return <Header docLinks={docLinks} />;
+    return <Header docLinks={docLinks} headerTitle={this.createCredentialHeader} />;
   }
 
   renderContent = () => {

diff --git a/src/plugins/credential_management/public/components/common/components/header/header.tsx b/src/plugins/credential_management/public/components/common/components/header/header.tsx
@@ -16,23 +16,22 @@ import { CredentialManagementContext } from '../../../../types';
 export const Header = ({
   prompt,
   docLinks,
+  headerTitle,
 }: {
   prompt?: React.ReactNode;
   docLinks: DocLinksStart;
+  headerTitle: string;
 }) => {
   const changeTitle = useOpenSearchDashboards<CredentialManagementContext>().services.chrome
     .docTitle.change;
-  const createCredentialHeader = i18n.translate('credentialManagement.createIndexPatternHeader', {
-    defaultMessage: 'Create Stored Credential',
-  });
 
-  changeTitle(createCredentialHeader);
+  changeTitle(headerTitle);
 
   return (
     <div>
       <EuiTitle>
         <h1>
-          {createCredentialHeader}
+          {headerTitle}
           <>
             {' '}
             <EuiBetaBadge