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

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

@@ -1,4 +1,4 @@
-import { Component, inject, OnInit, OnDestroy  } from '@angular/core';
+import { Component, inject, OnInit, OnDestroy } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 import { MatToolbarModule } from '@angular/material/toolbar';
@@ -8,7 +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 { Subscription } from 'rxjs';
+import { Subject, takeUntil } from 'rxjs';
 import { AuthService } from '../../services/auth.service';
 import { ActivityLogComponent } from '../activity-log/activity-log.component';
 import { ApiService } from '../../services/api.service';
@@ -132,8 +132,8 @@ import { EnvironmentService } from '../../services/environment.service';
         
         <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>
@@ -242,36 +242,53 @@ export class MainComponent implements OnInit, OnDestroy {
   showActivityLog = false;
   isGPTMode = false;
 
-  private subscription?: Subscription;
+  // Memory leak prevention
+  private destroyed$ = new Subject<void>();
   
   ngOnInit() {
     // Environment değişikliklerini dinle
-    this.subscription = this.environmentService.environment$.subscribe(env => {
-      if (env) {
-        this.isGPTMode = env.work_mode?.startsWith('gpt4o') || false;
-      }
-    });
+    this.environmentService.environment$
+      .pipe(takeUntil(this.destroyed$))
+      .subscribe(env => {
+        if (env) {
+          this.isGPTMode = env.work_mode?.startsWith('gpt4o') || false;
+          this.updateProviderInfo(env);
+        }
+      });
     
     // Environment bilgisini al
     this.loadEnvironment();
   }
 
   ngOnDestroy() {
-    this.subscription?.unsubscribe();
+    this.destroyed$.next();
+    this.destroyed$.complete();
   }
 
-  private loadEnvironment() {
-    this.apiService.getEnvironment().subscribe({
-      next: (env) => {
-        this.environmentService.updateEnvironment(env);
-      },
-      error: (err) => {
-        console.error('Failed to load environment:', err);
-      }
-    });
+  loadEnvironment() {
+    this.apiService.getEnvironment()
+      .pipe(takeUntil(this.destroyed$))
+      .subscribe({
+        next: (env) => {
+          this.environmentService.updateEnvironment(env);
+          this.updateProviderInfo(env);
+        },
+        error: (error) => {
+          console.error('Failed to load environment:', error);
+          // Show snackbar if needed
+        }
+      });
   }
-  
+
+  updateProviderInfo(env: any) {
+    // Update TTS/STT availability
+    this.environmentService.setTTSEnabled(!!env.tts_provider?.name && env.tts_provider.name !== 'no_tts');
+    this.environmentService.setSTTEnabled(!!env.stt_provider?.name && env.stt_provider.name !== 'no_stt');
+  }
+
   logout() {
+    // Cleanup before logout
+    this.destroyed$.next();
     this.authService.logout();
   }