From cb4e86c016d973cc3919dd2afb41b91a607a0871 Mon Sep 17 00:00:00 2001
From: AleksanderBodurri <alex.bodurri@mail.utoronto.ca>
Date: Fri, 12 Mar 2021 21:18:56 -0500
Subject: [PATCH] fix(devtools): call change tab helper when tab changes as a
 result of the inspector being selected

---
 .../src/lib/devtools-tabs/devtools-tabs.component.html        | 2 +-
 .../src/lib/devtools-tabs/devtools-tabs.component.ts          | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.html b/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.html
index 1b82be08ae4..a5ef328fbfc 100644
--- a/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.html
+++ b/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.html
@@ -16,7 +16,7 @@
       </mat-icon>
     </button>
   </div>
-  <a class="mat-tab-link" mat-tab-link *ngFor="let tab of tabs" (click)="onTabChange(tab)" [active]="activeTab === tab">
+  <a class="mat-tab-link" mat-tab-link *ngFor="let tab of tabs" (click)="changeTab(tab)" [active]="activeTab === tab">
     {{ tab }}
   </a>
   <section *ngIf="angularVersion" id="app-angular-version">
diff --git a/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.ts b/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.ts
index 2d9448f3add..07716d0c417 100644
--- a/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.ts
+++ b/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.ts
@@ -61,7 +61,7 @@ export class DevToolsTabsComponent implements OnInit, OnDestroy, AfterViewInit {
     return this._applicationEnvironment.environment.process.env.LATEST_SHA;
   }
 
-  onTabChange(tab: 'Profiler' | 'Components' | 'Router Tree'): void {
+  changeTab(tab: 'Profiler' | 'Components' | 'Router Tree'): void {
     this.activeTab = tab;
     this.tabUpdate.notify();
     if (tab === 'Router Tree') {
@@ -77,7 +77,7 @@ export class DevToolsTabsComponent implements OnInit, OnDestroy, AfterViewInit {
   emitInspectorEvent(): void {
     if (this.inspectorRunning) {
       this._messageBus.emit('inspectorStart');
-      this.activeTab = 'Components';
+      this.changeTab('Components');
     } else {
       this._messageBus.emit('inspectorEnd');
       this._messageBus.emit('removeHighlightOverlay');