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

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

@@ -8,7 +8,6 @@ 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';
 
@@ -27,7 +26,6 @@ import { ActivityLogComponent } from '../activity-log/activity-log.component';
     MatMenuModule,
     MatBadgeModule,
     MatDividerModule,
-    MatTooltipModule,
     ActivityLogComponent
   ],
   template: `
@@ -53,9 +51,11 @@ import { ActivityLogComponent } from '../activity-log/activity-log.component';
               <mat-icon>notifications</mat-icon>
             </button>
             
-            <div class="activity-log-wrapper" *ngIf="showActivityLog" (click)="$event.stopPropagation()">
-              <app-activity-log (close)="toggleActivityLog()"></app-activity-log>
-            </div>
+            @if (showActivityLog) {
+              <div class="activity-log-wrapper" (click)="$event.stopPropagation()">
+                <app-activity-log (close)="toggleActivityLog()"></app-activity-log>
+              </div>
+            }
             
             <button mat-icon-button [matMenuTriggerFor]="userMenu" matTooltip="User Menu">
               <mat-icon>account_circle</mat-icon>
@@ -76,7 +76,7 @@ import { ActivityLogComponent } from '../activity-log/activity-log.component';
         </mat-toolbar-row>
       </mat-toolbar>
 
-      <nav mat-tab-nav-bar class="nav-tabs">
+      <nav mat-tab-nav-bar class="nav-tabs" #navBar="matTabNavBar">
         <a mat-tab-link
            routerLink="/user-info"
            routerLinkActive #rla1="routerLinkActive"
@@ -127,16 +127,19 @@ import { ActivityLogComponent } from '../activity-log/activity-log.component';
         
         <a mat-tab-link
            routerLink="/test"
-           routerLinkActive #rla7="routerLinkActive"
-           [active]="rla7.isActive">
+           routerLinkActive #rla5="routerLinkActive"
+           [active]="rla5.isActive">
           <mat-icon>bug_report</mat-icon>
           Test
         </a>
       </nav>
 
-      <main class="content">
-        <router-outlet></router-outlet>
-      </main>
+      <mat-tab-nav-panel #tabPanel>
+        <main class="content">
+          <router-outlet></router-outlet>
+        </main>
+      </mat-tab-nav-panel>
+
     </div>
   `,
   styles: [`