feat: add show license data key and update license dialog open handler

Author: arunjaindev

src/Shared/Components/Header/HelpNav.tsx

@@ -36,7 +36,7 @@ const HelpNav = ({
     setGettingStartedClicked,
     showHelpCard,
 }: HelpNavType) => {
-    const { currentServerInfo, handleOpenLicenseInfoDialog } = useMainContext()
+    const { currentServerInfo, handleOpenLicenseInfoDialog, showLicenseData } = useMainContext()
     const isEnterprise = currentServerInfo?.serverInfo?.installationType === InstallationType.ENTERPRISE
     const FEEDBACK_FORM_ID = `UheGN3KJ#source=${window.location.hostname}`
 
@@ -89,6 +89,10 @@ const HelpNav = ({
         onClickHelpOptions(option)
     }
 
+    const handleOpenLicenseDialog = () => {
+        handleOpenLicenseInfoDialog()
+    }
+
     const renderHelpOptions = (): JSX.Element => (
         <>
             {CommonHelpOptions.map((option, index) => (
@@ -105,12 +109,12 @@ const HelpNav = ({
                         <option.icon />
                         <div className="ml-12 cn-9 fs-14">{option.name}</div>
                     </a>
-                    {isEnterprise && index === 1 && (
+                    {isEnterprise && showLicenseData && index === 1 && (
                         <>
                             <button
                                 type="button"
                                 className="dc__transparent help-card__option flexbox dc__align-items-center cn-9 dc__gap-12 fs-14"
-                                onClick={handleOpenLicenseInfoDialog}
+                                onClick={handleOpenLicenseDialog}
                             >
                                 <Icon name="ic-devtron" color="N600" size={20} />
                                 About Devtron

src/Shared/Providers/types.ts

@@ -17,6 +17,7 @@
 import { MutableRefObject, ReactNode } from 'react'
 import { ServerInfo } from '../Components/Header/types'
 import { SERVER_MODE } from '../../Common'
+import { LicenseInfoDialogType } from '..'
 
 export interface MainContext {
     serverMode: SERVER_MODE
@@ -55,7 +56,11 @@ export interface MainContext {
     isManifestScanningEnabled: boolean
     canOnlyViewPermittedEnvOrgLevel: boolean
     viewIsPipelineRBACConfiguredNode: ReactNode
-    handleOpenLicenseInfoDialog: () => void
+    handleOpenLicenseInfoDialog: (
+        initialDialogType?: LicenseInfoDialogType.ABOUT | LicenseInfoDialogType.LICENSE,
+    ) => void
+    showLicenseData: boolean
+    setShowLicenseData: (showLicenseData: boolean) => void
 }
 
 export interface MainContextProviderProps {

src/Shared/types.ts

@@ -1032,6 +1032,12 @@ export interface AppEnvIdType {
     envId: number
 }
 
+export enum LicenseInfoDialogType {
+    ABOUT = 'about',
+    LICENSE = 'license',
+    UPDATE = 'update',
+}
+
 export enum LicensingErrorCodes {
     FingerPrintMisMatch = '11001',
     LicenseExpired = '11002',