Update flare-ui/src/app/components/main/main.component.ts

flare-ui/src/app/components/main/main.component.ts

@@ -8,6 +8,7 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatBadgeModule } from '@angular/material/badge';
 import { MatDividerModule } from '@angular/material/divider';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { AuthService } from '../../services/auth.service';
 import { ActivityLogComponent } from '../activity-log/activity-log.component';
 
@@ -26,6 +27,7 @@ import { ActivityLogComponent } from '../activity-log/activity-log.component';
     MatMenuModule,
     MatBadgeModule,
     MatDividerModule,
+    MatTooltipModule,
     ActivityLogComponent
   ],
   template: `
@@ -76,7 +78,7 @@ import { ActivityLogComponent } from '../activity-log/activity-log.component';
         </mat-toolbar-row>
       </mat-toolbar>
 
-      <nav mat-tab-nav-bar class="nav-tabs" #navBar="matTabNavBar">
+      <nav mat-tab-nav-bar class="nav-tabs">
         <a mat-tab-link
            routerLink="/user-info"
            routerLinkActive #rla1="routerLinkActive"
@@ -127,19 +129,16 @@ import { ActivityLogComponent } from '../activity-log/activity-log.component';
         
         <a mat-tab-link
            routerLink="/test"
-           routerLinkActive #rla5="routerLinkActive"
-           [active]="rla5.isActive">
+           routerLinkActive #rla7="routerLinkActive"
+           [active]="rla7.isActive">
           <mat-icon>bug_report</mat-icon>
           Test
         </a>
       </nav>
 
-      <mat-tab-nav-panel #tabPanel>
-        <main class="content">
-          <router-outlet></router-outlet>
-        </main>
-      </mat-tab-nav-panel>
-
+      <main class="content">
+        <router-outlet></router-outlet>
+      </main>
     </div>
   `,
   styles: [`