feat: Help action menu dynamic doc link support added

Author: shivani170

src/Shared/Components/Header/HelpButton.tsx

@@ -55,7 +55,13 @@ const CheckForUpdates = ({
     </div>
 )
 
-export const HelpButton = ({ serverInfo, fetchingServerInfo, onClick, hideGettingStartedCard }: HelpButtonProps) => {
+export const HelpButton = ({
+    serverInfo,
+    fetchingServerInfo,
+    onClick,
+    hideGettingStartedCard,
+    docPath,
+}: HelpButtonProps) => {
     // STATES
     const [isActionMenuOpen, setIsActionMenuOpen] = useState(false)
     const [expiryDate, setExpiryDate] = useState(0)
@@ -150,6 +156,7 @@ export const HelpButton = ({ serverInfo, fetchingServerInfo, onClick, hideGettin
                 options={getHelpActionMenuOptions({
                     isTrialOrFreemium: (licenseData?.isTrial || licenseData?.isFreemium) ?? false,
                     isEnterprise,
+                    docPath,
                 })}
                 onClick={handleActionMenuClick}
                 onOpen={setIsActionMenuOpen}

src/Shared/Components/Header/PageHeader.tsx

@@ -50,6 +50,7 @@ const PageHeader = ({
     onClose,
     tippyProps,
     closeIcon,
+    docPath,
 }: PageHeaderType) => {
     const { setLoginCount, setShowGettingStartedCard, setSidePanelConfig, sidePanelConfig, tempAppWindowConfig } =
         useMainContext()
@@ -158,6 +159,7 @@ const PageHeader = ({
                 fetchingServerInfo={currentServerInfo.fetchingServerInfo}
                 onClick={handleHelpButtonClick}
                 hideGettingStartedCard={hideGettingStartedCard}
+                docPath={docPath}
             />
             {!window._env_.K8S_CLIENT && (
                 <TippyCustomized

src/Shared/Components/Header/constants.ts

@@ -17,9 +17,11 @@
 import { DEVTRON_GPT_LINK, DISCORD_LINK, DOCUMENTATION_HOME_PAGE, URLS } from '@Common/Constants'
 import { CONTACT_SUPPORT_LINK, OPEN_NEW_TICKET, RAISE_ISSUE, VIEW_ALL_TICKETS } from '@Shared/constants'
 
-import { HelpButtonActionMenuProps, HelpMenuItems } from './types'
+import { HelpButtonActionMenuProps, HelpMenuItems, PageHeaderType } from './types'
 
-export const COMMON_HELP_ACTION_MENU_ITEMS: HelpButtonActionMenuProps['options'][number]['items'] = [
+export const getCommonHelpActionMenuItems = ({
+    docPath,
+}: Pick<PageHeaderType, 'docPath'>): HelpButtonActionMenuProps['options'][number]['items'] => [
     ...((!window._env_?.K8S_CLIENT
         ? [
               {
@@ -36,7 +38,7 @@ export const COMMON_HELP_ACTION_MENU_ITEMS: HelpButtonActionMenuProps['options']
         label: 'View documentation',
         startIcon: { name: 'ic-book-open' },
         componentType: 'anchor',
-        href: DOCUMENTATION_HOME_PAGE,
+        href: `${DOCUMENTATION_HOME_PAGE}${docPath ? `/${docPath}` : ''}`,
     },
     {
         id: HelpMenuItems.DEVTRON_GPT,

src/Shared/Components/Header/types.ts

@@ -39,6 +39,7 @@ export interface PageHeaderType {
     }
     onClose?: () => void
     closeIcon?: JSX.Element
+    docPath?: string
 }
 
 export interface ServerInfo {
@@ -52,7 +53,7 @@ export interface ServerInfoResponse extends ResponseType {
     result?: ServerInfo
 }
 
-export interface HelpButtonProps {
+export interface HelpButtonProps extends Pick<PageHeaderType, 'docPath'> {
     serverInfo: ServerInfo
     fetchingServerInfo: boolean
     onClick: () => void
@@ -79,3 +80,8 @@ export interface ProfileMenuProps {
     user: string
     onClick?: () => void
 }
+
+export interface HelpActionOptionTypes extends Pick<PageHeaderType, 'docPath'> {
+    isEnterprise: boolean
+    isTrialOrFreemium: boolean
+}

src/Shared/Components/Header/utils.ts

@@ -17,13 +17,13 @@
 import { LOGIN_COUNT } from '@Common/Constants'
 
 import {
-    COMMON_HELP_ACTION_MENU_ITEMS,
     ENTERPRISE_HELP_ACTION_MENU_ITEMS,
     ENTERPRISE_TRIAL_HELP_ACTION_MENU_ITEMS,
+    getCommonHelpActionMenuItems,
     OSS_HELP_ACTION_MENU_ITEMS,
 } from './constants'
 import { updatePostHogEvent } from './service'
-import { HelpButtonActionMenuProps } from './types'
+import { HelpActionOptionTypes, HelpButtonActionMenuProps } from './types'
 
 const millisecondsInDay = 86400000
 export const getDateInMilliseconds = (days) => 1 + new Date().valueOf() + (days ?? 0) * millisecondsInDay
@@ -45,12 +45,10 @@ export const setActionWithExpiry = (key: string, days: number): void => {
 export const getHelpActionMenuOptions = ({
     isEnterprise,
     isTrialOrFreemium,
-}: {
-    isEnterprise: boolean
-    isTrialOrFreemium: boolean
-}): HelpButtonActionMenuProps['options'] => [
+    docPath,
+}: HelpActionOptionTypes): HelpButtonActionMenuProps['options'] => [
     {
-        items: COMMON_HELP_ACTION_MENU_ITEMS,
+        items: getCommonHelpActionMenuItems({ docPath }),
     },
     ...(isEnterprise
         ? [