chore: code refactoring

Author: shivani170

src/Pages/Applications/DevtronApps/Details/AppConfigurations/AppConfig.utils.ts

@@ -255,7 +255,7 @@ export const getNavItems = ({
                         href: `${basePath}/edit/workflow`,
                         stage: STAGE_NAME.WORKFLOW,
                         isLocked: !_isUnlocked.workflowEditor,
-                        supportDocumentURL: 'test',
+                        supportDocumentURL: getDocumentationUrl({ docLinkKey: 'APP_CREATE_WORKFLOW' }),
                         flowCompletionPercent: completedPercent,
                         currentStep: completedSteps,
                         required: true,

src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/DeploymentTemplate/DTChartSelector.tsx

@@ -185,6 +185,7 @@ const ChartSelectorDropdown = ({
                                             <DocLink
                                                 docLinkKey={CHART_DOCUMENTATION_LINK[chart.name]}
                                                 dataTestId="chart-doc-link"
+                                                onClick={stopPropagation}
                                             />
                                         )}
                                     </div>

src/Pages/Applications/DevtronApps/Details/AppConfigurations/Navigation/EnvironmentOverrideRouter.tsx

@@ -18,6 +18,7 @@ import { Fragment, useEffect, useState } from 'react'
 import { Link, NavLink, useLocation, useParams, useRouteMatch } from 'react-router-dom'
 
 import {
+    ComponentSizeType,
     ConfirmationDialog,
     DeleteConfirmationModal,
     DocLink,
@@ -50,7 +51,11 @@ const EnvOverridesHelpNote = () => (
     <div className="fs-12 fw-4 lh-18">
         Environment overrides allow you to manage environment specific configurations after you’ve created deployment
         pipelines. &nbsp;
-        <DocLink docLinkKey="APP_CREATE_ENVIRONMENT_OVERRIDE" dataTestId="env-overrides-learn-more" />
+        <DocLink
+            docLinkKey="APP_CREATE_ENVIRONMENT_OVERRIDE"
+            dataTestId="env-overrides-learn-more"
+            size={ComponentSizeType.xs}
+        />
     </div>
 )
 

src/components/externalLinks/ExternalLinks.tsx

@@ -265,6 +265,7 @@ const ExternalLinks = ({ isAppConfigView, userRole }: ExternalLinksProps) => {
                         infoText="Configure links to third-party applications (e.g. Kibana, New Relic) for quick access. Configured
                     links will be available in the App details page."
                         documentationLink="EXTERNAL_LINKS"
+                        documentationLinkText="View Documentation"
                         iconClassName="icon-dim-20 fcn-6 ml-8"
                     />
                 </h3>

src/components/material/MaterialList.tsx

@@ -21,7 +21,7 @@ import {
     ErrorScreenManager,
     sortCallback,
     AppListConstants,
-    DocLink,
+    getDocumentationUrl,
 } from '@devtron-labs/devtron-fe-common-lib'
 import { getGitProviderListAuth, getSourceConfig } from '../../services/service'
 import { AppConfigStatus, ViewType, DEVTRON_NODE_DEPLOY_VIDEO } from '../../config'
@@ -164,10 +164,14 @@ class MaterialList extends Component<MaterialListProps, MaterialListState> {
                 </h2>
                 <p className="form__subtitle form__subtitle--artifacts">
                     Manage source code repositories for this {this.props.isJobView ? 'job' : 'application'}.&nbsp;
-                    <DocLink
-                        docLinkKey={this.props.isJobView ? "JOB_SOURCE_CODE" : "GLOBAL_CONFIG_GIT"}
-                        dataTestId="learn-more-about-git-repositories-link"
-                    />
+                    <a
+                        rel="noreferrer noopener"
+                        target="_blank"
+                        className="dc__link"
+                        href={getDocumentationUrl({ docLinkKey: this.props.isJobView ? "JOB_SOURCE_CODE" : "GLOBAL_CONFIG_GIT"})}
+                    >
+                        Learn more
+                    </a>
                 </p>
             </>
         )