gitops refactorig

Author: shivani170

src/components/gitOps/GitOpsConfiguration.tsx

@@ -487,51 +487,12 @@ class GitOpsConfiguration extends Component<GitOpsProps, GitOpsState> {
             )
         }
 
-        const getInputFieldlabelAndlink = (inputName): { label: string; link: string; linkText: string } => {
-            let fieldLable = {
-                label: '',
-                link: '',
-                linkText: '',
-            }
-            switch (inputName) {
-                case 'workspaceID':
-                    return {
-                        ...fieldLable,
-                        label: 'Bitbucket Workspace ID',
-                        link: GitLink.BITBUCKET_WORKSPACE,
-                        linkText: '(How to create workspace in bitbucket?)',
-                    }
-                case 'groupID':
-                    return {
-                        ...fieldLable,
-                        label: LinkAndLabelSpec[this.state.providerTab]['label'],
-                        link: LinkAndLabelSpec[this.state.providerTab]['link'],
-                        linkText: LinkAndLabelSpec[this.state.providerTab]['linkText'],
-                    }
-                case 'token': {
-                    return {
-                        ...fieldLable,
-                        label:
-                            this.state.providerTab === GitProvider.AZURE_DEVOPS
-                                ? 'Azure DevOps Access Token '
-                                : 'Personal Access Token ',
-                        link: DOCUMENTATION.GLOBAL_CONFIG_GIT_ACCESS_LINK,
-                        linkText: '(Check permissions required for PAT)',
-                    }
-                }
-            }
-        }
-
-        const renderInputLabel = (inputName: string) => {
+        const renderInputLabels = (label: string, link: string, linkText: string) => {
             return (
                 <div className="flex">
-                    <span className="dc__required-field">{getInputFieldlabelAndlink(inputName).label}</span>&nbsp;
-                    <a
-                        target="_blank"
-                        href={getInputFieldlabelAndlink(inputName).link}
-                        className="cursor fs-13 onlink ml-4"
-                    >
-                        {getInputFieldlabelAndlink(inputName).linkText}
+                    <span className="dc__required-field">{label}</span>&nbsp;
+                    <a target="_blank" href={link} className="cursor fs-13 onlink ml-4">
+                        {linkText}
                     </a>
                 </div>
             )
@@ -677,7 +638,11 @@ class GitOpsConfiguration extends Component<GitOpsProps, GitOpsState> {
                         {this.state.providerTab === GitProvider.BITBUCKET_CLOUD && (
                             <CustomInput
                                 name="workspaceID"
-                                label={renderInputLabel.bind(this, 'workspaceID')}
+                                label={renderInputLabels(
+                                    'Bitbucket Workspace ID',
+                                    GitLink.BITBUCKET_WORKSPACE,
+                                    '(How to create workspace in bitbucket?)',
+                                )}
                                 value={this.state.form.bitBucketWorkspaceId}
                                 onChange={(event) => this.handleChange(event, 'bitBucketWorkspaceId')}
                                 error={this.state.isError.bitBucketWorkspaceId}
@@ -691,7 +656,11 @@ class GitOpsConfiguration extends Component<GitOpsProps, GitOpsState> {
                     <div className="mt-16">
                         <CustomInput
                             name="groupID"
-                            label={renderInputLabel.bind(this, 'groupID')}
+                            label={renderInputLabels(
+                                LinkAndLabelSpec[this.state.providerTab]['label'],
+                                LinkAndLabelSpec[this.state.providerTab]['link'],
+                                LinkAndLabelSpec[this.state.providerTab]['linkText'],
+                            )}
                             value={this.state.form[key]}
                             tabIndex={2}
                             error={this.state.isError[key]}
@@ -758,7 +727,13 @@ class GitOpsConfiguration extends Component<GitOpsProps, GitOpsState> {
                         <div>
                             <CustomInput
                                 name="token"
-                                label={renderInputLabel.bind(this, 'token')}
+                                label={renderInputLabels(
+                                    this.state.providerTab === GitProvider.AZURE_DEVOPS
+                                        ? 'Azure DevOps Access Token '
+                                        : 'Personal Access Token ',
+                                    DOCUMENTATION.GLOBAL_CONFIG_GIT_ACCESS_LINK,
+                                    '(Check permissions required for PAT)',
+                                )}
                                 value={this.state.form.token}
                                 onChange={(event) => this.handleChange(event, 'token')}
                                 tabIndex={4}