diff --git a/package-lock.json b/package-lock.json
index f3c2ac111..b6a766ea1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "@devtron-labs/devtron-fe-common-lib",
- "version": "1.20.0-alpha-4",
+ "version": "1.20.1-pre-1",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "@devtron-labs/devtron-fe-common-lib",
- "version": "1.20.0-alpha-4",
+ "version": "1.20.1-pre-1",
"hasInstallScript": true,
"license": "ISC",
"dependencies": {
diff --git a/package.json b/package.json
index 2225d3962..9de583a6b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@devtron-labs/devtron-fe-common-lib",
- "version": "1.20.0-alpha-4",
+ "version": "1.20.1-pre-1",
"description": "Supporting common component library",
"type": "module",
"main": "dist/index.js",
diff --git a/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/ApplicationManagementIcon.tsx b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/ApplicationManagementIcon.tsx
new file mode 100644
index 000000000..c1ac5c460
--- /dev/null
+++ b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/ApplicationManagementIcon.tsx
@@ -0,0 +1,18 @@
+import { URLS } from '@Common/Constants'
+import { Button, ButtonComponentType, ButtonVariantType, Icon } from '@Shared/Components'
+import { ComponentSizeType } from '@Shared/constants'
+
+export const ApplicationManagementIcon = () => (
+ }
+ />
+)
diff --git a/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/index.ts b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/index.ts
new file mode 100644
index 000000000..8852ef27b
--- /dev/null
+++ b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/index.ts
@@ -0,0 +1,2 @@
+export * from './ApplicationManagementIcon'
+export { getApplicationManagementBreadcrumb } from './utils'
diff --git a/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/utils.tsx b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/utils.tsx
new file mode 100644
index 000000000..f715ce8ce
--- /dev/null
+++ b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/utils.tsx
@@ -0,0 +1,8 @@
+import { ApplicationManagementIcon } from './ApplicationManagementIcon'
+
+export const getApplicationManagementBreadcrumb = () => ({
+ 'application-management': {
+ component: ,
+ linked: true,
+ },
+})
diff --git a/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/InfrastructureManagementIcon.tsx b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/InfrastructureManagementIcon.tsx
new file mode 100644
index 000000000..fc21bf545
--- /dev/null
+++ b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/InfrastructureManagementIcon.tsx
@@ -0,0 +1,18 @@
+import { URLS } from '@Common/Constants'
+import { Button, ButtonComponentType, ButtonVariantType, Icon } from '@Shared/Components'
+import { ComponentSizeType } from '@Shared/constants'
+
+export const InfrastructureManagementIcon = () => (
+ }
+ />
+)
diff --git a/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/index.ts b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/index.ts
new file mode 100644
index 000000000..d8f0a7329
--- /dev/null
+++ b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/index.ts
@@ -0,0 +1,2 @@
+export * from './InfrastructureManagementIcon'
+export { getInfrastructureManagementBreadcrumb } from './utils'
diff --git a/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/utils.tsx b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/utils.tsx
new file mode 100644
index 000000000..0937ff00a
--- /dev/null
+++ b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/utils.tsx
@@ -0,0 +1,8 @@
+import { InfrastructureManagementIcon } from './InfrastructureManagementIcon'
+
+export const getInfrastructureManagementBreadcrumb = () => ({
+ 'infrastructure-management': {
+ component: ,
+ linked: true,
+ },
+})
diff --git a/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/index.ts b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/index.ts
new file mode 100644
index 000000000..cce1a5f47
--- /dev/null
+++ b/src/Pages-Devtron-2.0/InfrastructureManagement/Shared/index.ts
@@ -0,0 +1,2 @@
+export * from './ApplicationManagementIcon'
+export * from './InfrastructureManagementIcon'
diff --git a/src/Pages-Devtron-2.0/InfrastructureManagement/index.ts b/src/Pages-Devtron-2.0/InfrastructureManagement/index.ts
index bb81fdde1..58772772f 100644
--- a/src/Pages-Devtron-2.0/InfrastructureManagement/index.ts
+++ b/src/Pages-Devtron-2.0/InfrastructureManagement/index.ts
@@ -1 +1,2 @@
export * from './Overview'
+export * from './Shared'
diff --git a/src/Pages-Devtron-2.0/index.ts b/src/Pages-Devtron-2.0/index.ts
index 6ccd1b05e..f89de1568 100644
--- a/src/Pages-Devtron-2.0/index.ts
+++ b/src/Pages-Devtron-2.0/index.ts
@@ -1 +1,2 @@
export * from './CostVisibility'
+export * from './InfrastructureManagement'
diff --git a/src/Shared/Components/DocLink/constants.ts b/src/Shared/Components/DocLink/constants.ts
index 2c114073e..3f3a6aa5a 100644
--- a/src/Shared/Components/DocLink/constants.ts
+++ b/src/Shared/Components/DocLink/constants.ts
@@ -116,7 +116,7 @@ export const DOCUMENTATION = {
GLOBAL_CONFIG_PULL_IMAGE_DIGEST: 'global-configurations/pull-image-digest',
GLOBAL_CONFIG_TAGS: 'getting-started/global-configurations/tags-policy',
- // Software distribution hub
+ // Software Release Management
SOFTWARE_DISTRIBUTION_HUB: 'usage/software-distribution-hub',
RELEASE_TRACKS: 'usage/software-distribution-hub/release-hub#creating-release-tracks-and-versions',
RELEASES: 'usage/software-distribution-hub/release-hub#creating-release-tracks-and-versions',
diff --git a/src/Shared/Components/FeatureDescription/types.ts b/src/Shared/Components/FeatureDescription/types.ts
index 3c1ce9bf2..c8120580a 100644
--- a/src/Shared/Components/FeatureDescription/types.ts
+++ b/src/Shared/Components/FeatureDescription/types.ts
@@ -51,7 +51,7 @@ type FeatureDescriptionModalWithTabsConfig = {
}
export type FeatureDescriptionModalProps = {
- title: string
+ title: React.ReactNode
closeModalText?: string
closeModal?: () => void
} & (
diff --git a/src/Shared/Components/Header/PageHeader.tsx b/src/Shared/Components/Header/PageHeader.tsx
index 302493f30..61da149e4 100644
--- a/src/Shared/Components/Header/PageHeader.tsx
+++ b/src/Shared/Components/Header/PageHeader.tsx
@@ -55,8 +55,15 @@ const PageHeader = ({
useMainContext()
const { showSwitchThemeLocationTippy, handleShowSwitchThemeLocationTippyChange } = useTheme()
- const { isTippyCustomized, tippyRedirectLink, TippyIcon, tippyMessage, onClickTippyButton, additionalContent } =
- tippyProps || {}
+ const {
+ isTippyCustomized,
+ tippyRedirectLink,
+ TippyIcon,
+ tippyMessage,
+ onClickTippyButton,
+ additionalContent,
+ tippyHeader,
+ } = tippyProps || {}
const { email } = useUserEmail()
const [currentServerInfo, setCurrentServerInfo] = useState<{ serverInfo: ServerInfo; fetchingServerInfo: boolean }>(
{
@@ -230,7 +237,7 @@ const PageHeader = ({
(isTippyCustomized ? (
tippyMessage?: string
onClickTippyButton?: () => void
+ tippyHeader?: string
}
onClose?: () => void
closeIcon?: JSX.Element