Merge pull request #873 from devtron-labs/feat/navigation-route

feat: infrastructure management icon moved to common

Author: shivani170

package-lock.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",

package.json

@@ -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 = () => (
+    <Button
+        dataTestId="redirect-to-devtron-apps"
+        component={ButtonComponentType.link}
+        size={ComponentSizeType.xs}
+        variant={ButtonVariantType.borderLess}
+        linkProps={{
+            to: URLS.APPLICATION_MANAGEMENT_APP,
+        }}
+        ariaLabel="Redirect to Devtron Apps"
+        showAriaLabelInTippy={false}
+        icon={<Icon name="ic-grid-view" color={null} />}
+    />
+)

src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/ApplicationManagementIcon.tsx

@@ -0,0 +1,2 @@
+export * from './ApplicationManagementIcon'
+export { getApplicationManagementBreadcrumb } from './utils'

src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/index.ts

@@ -0,0 +1,8 @@
+import { ApplicationManagementIcon } from './ApplicationManagementIcon'
+
+export const getApplicationManagementBreadcrumb = () => ({
+    'application-management': {
+        component: <ApplicationManagementIcon />,
+        linked: true,
+    },
+})

src/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/utils.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 = () => (
+    <Button
+        dataTestId="redirect-to-overview-btn"
+        component={ButtonComponentType.link}
+        size={ComponentSizeType.xs}
+        variant={ButtonVariantType.borderLess}
+        linkProps={{
+            to: URLS.INFRASTRUCTURE_MANAGEMENT_RESOURCE_BROWSER,
+        }}
+        ariaLabel="Redirect to Infrastructure Management Overview"
+        showAriaLabelInTippy={false}
+        icon={<Icon name="ic-cloud" color={null} />}
+    />
+)

src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/InfrastructureManagementIcon.tsx

@@ -0,0 +1,2 @@
+export * from './InfrastructureManagementIcon'
+export { getInfrastructureManagementBreadcrumb } from './utils'

src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/index.ts

@@ -0,0 +1,8 @@
+import { InfrastructureManagementIcon } from './InfrastructureManagementIcon'
+
+export const getInfrastructureManagementBreadcrumb = () => ({
+    'infrastructure-management': {
+        component: <InfrastructureManagementIcon />,
+        linked: true,
+    },
+})

src/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/utils.tsx

@@ -0,0 +1,2 @@
+export * from './ApplicationManagementIcon'
+export * from './InfrastructureManagementIcon'

src/Pages-Devtron-2.0/InfrastructureManagement/Shared/index.ts

@@ -1 +1,2 @@
 export * from './Overview'
+export * from './Shared'