chore: chart group

Author: shivani170

src/components/charts/ChartGroupAdvanceDeploy.tsx

@@ -26,7 +26,8 @@ import {
     PageHeader,
     ToastVariantType,
     ToastManager,
-    getApplicationManagementBreadcrumb
+    getApplicationManagementBreadcrumb,
+    BreadcrumbText,
 } from '@devtron-labs/devtron-fe-common-lib'
 import Tippy from '@tippyjs/react'
 import MultiChartSummary from './MultiChartSummary'
@@ -63,8 +64,8 @@ export default function ChartGroupAdvanceDeploy() {
     const { breadcrumbs } = useBreadcrumb(
         {
             alias: {
-               ...getApplicationManagementBreadcrumb(),
-                'chart-store': 'Chart store',
+                ...getApplicationManagementBreadcrumb(),
+                'chart-store': 'Chart Store',
                 group: 'Chart groups',
                 ':groupId': {
                     component: state.name,

src/components/charts/ChartGroupDetails.tsx

@@ -31,7 +31,8 @@ import {
     ButtonVariantType,
     ButtonStyleType,
     ComponentSizeType,
-    getApplicationManagementBreadcrumb
+    getApplicationManagementBreadcrumb,
+    BreadcrumbText,
 } from '@devtron-labs/devtron-fe-common-lib'
 import Tippy from '@tippyjs/react'
 import ChartGroupDeployments from './ChartGroupDeployments'
@@ -74,7 +75,11 @@ export default function ChartGroupDetails() {
         {
             alias: {
                 ...getApplicationManagementBreadcrumb(),
-                'chart-store': null,
+                'chart-store': {
+                    component: <BreadcrumbText heading="Chart Store" />,
+                    linked: true,
+                },
+                 'discover': null,
                 group: 'Chart groups',
                 ':groupId': {
                     component: (

src/components/charts/ChartGroupUpdate.tsx

@@ -25,7 +25,8 @@ import {
     DetectBottom,
     ToastManager,
     ToastVariantType,
-    getApplicationManagementBreadcrumb
+    getApplicationManagementBreadcrumb,
+    BreadcrumbText,
 } from '@devtron-labs/devtron-fe-common-lib'
 import ChartCard from './ChartCard'
 import { ChartGroupEntry, Chart, ChartListType } from './charts.types'
@@ -83,6 +84,11 @@ export default function ChartGroupUpdate({}) {
         {
             alias: {
                 ...getApplicationManagementBreadcrumb(),
+                'chart-store': null,
+                discover: {
+                    component: <BreadcrumbText heading="Chart Store" />,
+                    linked: true,
+                },
                 group: 'Chart Groups',
                 ':groupId': {
                     component: state.name,

src/components/charts/list/ChartGroup.tsx

@@ -23,6 +23,7 @@ import ChartGroupUpdate from '../ChartGroupUpdate'
 import ChartGroupDetails from '../ChartGroupDetails'
 import ChartGroupAdvanceDeploy from '../ChartGroupAdvanceDeploy'
 import { ReactComponent as Add } from '../../../assets/icons/ic-add.svg'
+import { BreadcrumbText } from '@devtron-labs/devtron-fe-common-lib'
 
 const ChartGroupList = () => {
     const [loading, result] = useAsync(getChartGroups, [])
@@ -31,6 +32,10 @@ const ChartGroupList = () => {
             alias: {
                  ...getApplicationManagementBreadcrumb(),
                 'chart-store': null,
+                discover: {
+                    component: <BreadcrumbText heading="Chart Store" />,
+                    linked: true,
+                },
                 group: { component: 'Chart Groups', linked: false },
             },
         },