chore: update version to 1.22.6-beta-5 in package.json and package-lock.json; refactor PageHeader component to use AskDevtronButton

Author: AbhishekA1509

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.22.6-beta-4",
+    "version": "1.22.6-beta-5",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -22,9 +22,9 @@ import { handleAnalyticsEvent } from '@Shared/Analytics'
 import { ComponentSizeType } from '@Shared/constants'
 import { InstallationType } from '@Shared/types'
 
-import { TippyCustomized, TippyTheme, Tooltip } from '../../../Common'
+import { TippyCustomized, TippyTheme } from '../../../Common'
 import { POSTHOG_EVENT_ONBOARDING } from '../../../Common/Constants'
-import { SidePanelTab, useMainContext, useTheme, useUserEmail } from '../../Providers'
+import { useMainContext, useTheme, useUserEmail } from '../../Providers'
 import { Button, ButtonStyleType, ButtonVariantType } from '../Button'
 import { Icon } from '../Icon'
 import { ImageWithFallback } from '../ImageWithFallback'
@@ -55,10 +55,10 @@ const PageHeader = ({
     const {
         setLoginCount,
         setShowGettingStartedCard,
-        setSidePanelConfig,
         sidePanelConfig,
         tempAppWindowConfig,
         featureAskDevtronExpert,
+        AskDevtronButton,
     } = useMainContext()
     const { showSwitchThemeLocationTippy, handleShowSwitchThemeLocationTippyChange } = useTheme()
 
@@ -136,28 +136,12 @@ const PageHeader = ({
         </div>
     )
 
-    const onAskButtonClick = () => {
-        handleAnalyticsEvent({
-            category: 'AI',
-            action: 'HELP_ASK_DEVTRON_AI',
-        })
-        setSidePanelConfig((prev) => ({ ...prev, state: SidePanelTab.ASK_DEVTRON }))
-    }
-
     const renderLogoutHelpSection = () => (
         <>
-            {featureAskDevtronExpert && sidePanelConfig.state === 'closed' && !tempAppWindowConfig.open && (
-                <Tooltip content="Ask Devtron AI" placement="bottom" alwaysShowTippyOnHover delay={[500, null]}>
-                    <button
-                        className="enable-svg-animation--hover flex dc__no-background p-2 dc__outline-none-imp dc__no-border"
-                        onClick={onAskButtonClick}
-                        type="button"
-                        aria-label="Ask Devtron Expert"
-                    >
-                        <Icon name="ic-devtron-ai" color={null} size={28} />
-                    </button>
-                </Tooltip>
-            )}
+            {AskDevtronButton &&
+                featureAskDevtronExpert &&
+                sidePanelConfig.state === 'closed' &&
+                !tempAppWindowConfig.open && <AskDevtronButton />}
 
             <HelpButton
                 serverInfo={currentServerInfo.serverInfo}

src/Shared/Components/Header/PageHeader.tsx

@@ -216,6 +216,7 @@ export type MainContext = CommonMainContextProps &
               setTempAppWindowConfig: Dispatch<SetStateAction<TempAppWindowConfig>>
               AIRecommendations?: FunctionComponent
               featureAskDevtronExpert: EnvironmentDataValuesDTO['featureAskDevtronExpert']
+              AskDevtronButton?: FunctionComponent
           }
         | {
               isLicenseDashboard: true
@@ -236,6 +237,7 @@ export type MainContext = CommonMainContextProps &
               setTempAppWindowConfig: null
               AIRecommendations?: null
               featureAskDevtronExpert?: null
+              AskDevtronButton?: null
           }
     )