chore: doc link updated

Author: shivani170

src/Pages/App/CreateAppModal/Sidebar.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { getDocumentationUrl, ModalSidebarPanel } from '@devtron-labs/devtron-fe-common-lib'
+import { ModalSidebarPanel } from '@devtron-labs/devtron-fe-common-lib'
 
 import { CreationMethodType, SidebarProps } from './types'
 
@@ -55,7 +55,7 @@ const Sidebar = ({
                     <div className="divider__secondary--horizontal" />
                     <ModalSidebarPanel
                         heading={null}
-                        documentationLink={getDocumentationUrl({ docLinkKey: 'APP_CREATE' })}
+                        documentationLink="APP_CREATE"
                         rootClassName="w-100 dc__no-background-imp"
                     >
                         <div className="flexbox-col dc__gap-24">

src/Pages/GlobalConfigurations/Authorization/PermissionGroups/List/PermissionGroupListHeader.tsx

@@ -20,7 +20,6 @@ import {
     Button,
     ButtonComponentType,
     ComponentSizeType,
-    DOCUMENTATION,
     FeatureTitleWithInfo,
     SearchBar,
     useMainContext,
@@ -47,7 +46,7 @@ const PermissionGroupListHeader = ({
                     renderDescriptionContent={() =>
                         'Permission groups allow you to easily manage user permissions by assigning desired permissions to a group and assigning these groups to users to provide all underlying permissions.'
                     }
-                    docLink={DOCUMENTATION.GLOBAL_CONFIG_GROUPS}
+                    docLink="GLOBAL_CONFIG_GROUPS"
                     showInfoIconTippy
                 />
             </div>

src/Pages/GlobalConfigurations/Authorization/SSOLoginServices/SSOLogin.component.tsx

@@ -37,7 +37,6 @@ import {
     ConfirmationModalVariantType,
     CustomInput,
     DEFAULT_SECRET_PLACEHOLDER,
-    DOCUMENTATION,
     ErrorScreenManager,
     FeatureTitleWithInfo,
     InfoBlock,
@@ -834,7 +833,7 @@ class SSOLogin extends Component<SSOLoginProps, SSOLoginState> {
                         <FeatureTitleWithInfo
                             title={HEADER_TEXT.SSO_LOGIN.title}
                             renderDescriptionContent={() => HEADER_TEXT.SSO_LOGIN.description}
-                            docLink={DOCUMENTATION.GLOBAL_CONFIG_SSO}
+                            docLink="GLOBAL_CONFIG_SSO"
                             showInfoIconTippy
                             dataTestId="sso-login-heading"
                         />

src/Pages/GlobalConfigurations/Authorization/UserPermissions/List/UserPermissionListHeader.tsx

@@ -20,7 +20,6 @@ import {
     Button,
     ButtonComponentType,
     ComponentSizeType,
-    DOCUMENTATION,
     FeatureTitleWithInfo,
     SearchBar,
     useMainContext,
@@ -53,7 +52,7 @@ const UserPermissionListHeader = ({
                     renderDescriptionContent={() =>
                         "Manage your organization's users and their permissions. You can assign users to permission groups to provide all underlying permissions."
                     }
-                    docLink={DOCUMENTATION.GLOBAL_CONFIG_USER}
+                    docLink="GLOBAL_CONFIG_USER"
                     showInfoIconTippy
                 />
             </div>

src/components/charts/list/DiscoverCharts.tsx

@@ -825,7 +825,7 @@ export const ChartGroupListMin = ({
                         renderDescriptionContent={() =>
                             'Use chart groups to pre-configure and deploy frequently used charts together.'
                         }
-                        docLink={'CHART_GROUP'}
+                        docLink='CHART_GROUP'
                         docLinkText="Learn more"
                         dataTestId="chart-store"
                         showInfoIconTippy

src/components/cluster/Cluster.tsx

@@ -21,7 +21,6 @@ import {
     ErrorScreenNotAuthorized,
     Reload,
     Drawer,
-    DOCUMENTATION,
     sortCallback,
     noop,
     DEFAULT_SECRET_PLACEHOLDER,
@@ -244,7 +243,7 @@ class ClusterList extends Component<ClusterListProps, any> {
                     <FeatureTitleWithInfo
                         title={moduleBasedTitle}
                         renderDescriptionContent={() => `Manage your organization’s ${moduleBasedTitle.toLowerCase()}.`}
-                        docLink={DOCUMENTATION.GLOBAL_CONFIG_CLUSTER}
+                        docLink="GLOBAL_CONFIG_CLUSTER"
                         showInfoIconTippy
                         additionalContainerClasses="mb-20"
                     />

src/components/hostURL/HostURL.tsx

@@ -37,8 +37,8 @@ const renderInfoContent = () => (
     <>
         Host URL is the domain address at which your devtron dashboard can be reached.
         <br />
-        It is used to reach your devtron dashboard from external sources like configured webhooks, e-mail or
-        slack notifications, grafana dashboard, etc.
+        It is used to reach your devtron dashboard from external sources like configured webhooks, e-mail or slack
+        notifications, grafana dashboard, etc.
     </>
 )
 export default class HostURLConfiguration extends Component<HostURLConfigProps, HostURLConfigState> {
@@ -208,8 +208,6 @@ export default class HostURLConfiguration extends Component<HostURLConfigProps,
             )
         }
 
-      
-
         return (
             <section
                 className="flex column left top bg__primary h-100 dc__gap-24 px-20 py-16"

src/components/notifications/Notifications.tsx

@@ -35,7 +35,7 @@ export default class Notifications extends Component<NotificationsProps, {}> {
                     <FeatureTitleWithInfo
                         title={HEADER_TEXT.NOTIFICATIONS.title}
                         renderDescriptionContent={() => HEADER_TEXT.NOTIFICATIONS.description}
-                        docLink={DOCUMENTATION.GLOBAL_CONFIG_NOTIFICATION}
+                        docLink="GLOBAL_CONFIG_NOTIFICATION"
                         showInfoIconTippy
                         dataTestId="notifications-feature-title"
                     />

src/config/constants.ts

@@ -327,51 +327,51 @@ export const MomentDateFormat = 'ddd, DD MMM YYYY'
 export const Moment12HourExportFormat = 'DD-MMM-YYYY hh.mm A'
 export const MomentInvalidDate = 'Invalid date'
 
-export const HEADER_TEXT = {
+export const HEADER_TEXT: Record<string, { title: string; description: string; docLink: keyof typeof DOCUMENTATION }> = {
     API_TOKEN: {
         title: 'API Token',
         description: 'Tokens you have generated that can be used to access the Devtron API.',
-        docLink: DOCUMENTATION.GLOBAL_CONFIG_API_TOKEN,
+        docLink: "GLOBAL_CONFIG_API_TOKEN"
     },
     CHART_REPOSITORY: {
         title: 'Chart Repository',
         description: 'Manage your organization’s chart repositories.',
-        docLink: DOCUMENTATION.GLOBAL_CONFIG_CHART,
+        docLink: "GLOBAL_CONFIG_CHART"
     },
     HOST_URL: {
         title: 'Host URL',
         description: 'Host URL is the domain address at which your devtron dashboard can be reached.',
-        docLink: DOCUMENTATION.GLOBAL_CONFIG_HOST_URL,
+        docLink: "GLOBAL_CONFIG_HOST_URL"
     },
     GITOPS: {
         title: 'GitOps',
         description: 'Devtron uses GitOps configuration to store kubernetes configuration files of applications.',
-        docLink: DOCUMENTATION.GLOBAL_CONFIG_GITOPS,
+        docLink: "GLOBAL_CONFIG_GITOPS"
     },
     GIT_ACCOUNTS: {
         title: 'Git Accounts',
         description: 'Manage your organization’s git accounts.',
-        docLink: DOCUMENTATION.GLOBAL_CONFIG_GIT,
+        docLink: "GLOBAL_CONFIG_GIT"
     },
     NOTIFICATIONS: {
         title: 'Notifications',
         description: 'Manage notifications for build and deployment pipelines.',
-        docLink: DOCUMENTATION.GLOBAL_CONFIG_NOTIFICATION,
+        docLink: "GLOBAL_CONFIG_NOTIFICATION"
     },
     PROJECTS: {
         title: 'Projects',
         description: "Manage your organization's projects.",
-        docLink: DOCUMENTATION.GLOBAL_CONFIG_PROJECT,
+        docLink: "GLOBAL_CONFIG_PROJECT"
     },
     SSO_LOGIN: {
         title: 'SSO Login Service',
         description: 'Configure and manage login service for your organization.',
-        docLink: DOCUMENTATION.GLOBAL_CONFIG_SSO,
+        docLink: "GLOBAL_CONFIG_SSO"
     },
     SCOPED_VARIABLES: {
         title: 'Scoped Variables',
         description: 'Scoped variables are used to define environment-specific variables.',
-        docLink: DOCUMENTATION.GLOBAL_CONFIG_SCOPED_VARIABLES,
+        docLink: "GLOBAL_CONFIG_SCOPED_VARIABLES"
     },
 }