Transform numbers in title

Sandeep Kumawat · Sandeep Kumawat · commit 8add13678830 · 2024-09-03T09:17:46.000+05:30
Signed-off-by: Sandeep Kumawat &lt;skumwt@amazon.com&gt;
diff --git a/public/pages/Transforms/containers/Transforms/Transforms.tsx b/public/pages/Transforms/containers/Transforms/Transforms.tsx
@@ -100,10 +100,19 @@ export class Transforms extends MDSEnabledComponent<TransformProps, TransformSta
     this.getTransforms = _.debounce(this.getTransforms, 500, { leading: true });
   }
 
+  async updateBreadCrumbs() {
+    if (this.state.useUpdatedUX) {
+      this.context.chrome.setBreadcrumbs([
+        { text: BREADCRUMBS.TRANSFORMS.text.concat(` (${this.state.transforms.length})`), href: BREADCRUMBS.TRANSFORMS.href },
+      ]);
+    }
+  }
+
   async componentDidMount() {
     const breadCrumbs = this.state.useUpdatedUX ? [BREADCRUMBS.TRANSFORMS] : [BREADCRUMBS.INDEX_MANAGEMENT, BREADCRUMBS.TRANSFORMS];
     this.context.chrome.setBreadcrumbs(breadCrumbs);
     await this.getTransforms();
+    this.updateBreadCrumbs();
   }
 
   async componentDidUpdate(prevProps: TransformProps, prevState: TransformState) {
@@ -112,6 +121,7 @@ export class Transforms extends MDSEnabledComponent<TransformProps, TransformSta
     if (!_.isEqual(prevQuery, currQuery)) {
       await this.getTransforms();
     }
+    this.updateBreadCrumbs();
   }
 
   render() {

Original file line number	Diff line number	Diff line change
`@@ -100,10 +100,19 @@ export class Transforms extends MDSEnabledComponent<TransformProps, TransformSta`
`100`	`100`	`this.getTransforms = _.debounce(this.getTransforms, 500, { leading: true });`
`101`	`101`	`}`
`102`	`102`
	`103`	`+ async updateBreadCrumbs() {`
	`104`	`+ if (this.state.useUpdatedUX) {`
	`105`	`+ this.context.chrome.setBreadcrumbs([`
	`106`	+ { text: BREADCRUMBS.TRANSFORMS.text.concat(` (${this.state.transforms.length})`), href: BREADCRUMBS.TRANSFORMS.href },
	`107`	`+ ]);`
	`108`	`+ }`
	`109`	`+ }`
	`110`	`+`
`103`	`111`	`async componentDidMount() {`
`104`	`112`	`const breadCrumbs = this.state.useUpdatedUX ? [BREADCRUMBS.TRANSFORMS] : [BREADCRUMBS.INDEX_MANAGEMENT, BREADCRUMBS.TRANSFORMS];`
`105`	`113`	`this.context.chrome.setBreadcrumbs(breadCrumbs);`
`106`	`114`	`await this.getTransforms();`
	`115`	`+ this.updateBreadCrumbs();`
`107`	`116`	`}`
`108`	`117`
`109`	`118`	`async componentDidUpdate(prevProps: TransformProps, prevState: TransformState) {`
`@@ -112,6 +121,7 @@ export class Transforms extends MDSEnabledComponent<TransformProps, TransformSta`
`112`	`121`	`if (!_.isEqual(prevQuery, currQuery)) {`
`113`	`122`	`await this.getTransforms();`
`114`	`123`	`}`
	`124`	`+ this.updateBreadCrumbs();`
`115`	`125`	`}`
`116`	`126`
`117`	`127`	`render() {`