Add eslint

src/app/features/voice/floating-voice-controls/floating-voice-controls.component.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/member-ordering, @typescript-eslint/no-unused-vars */
 import { Component, inject, signal, computed, OnInit, OnDestroy } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Store } from '@ngrx/store';
@@ -10,7 +11,7 @@ import {
   lucideMonitorOff,
   lucidePhoneOff,
   lucideHeadphones,
-  lucideArrowLeft,
+  lucideArrowLeft
 } from '@ng-icons/lucide';
 
 import { WebRTCService } from '../../../core/services/webrtc.service';
@@ -25,12 +26,13 @@ import { selectCurrentUser } from '../../../store/users/users.selectors';
   viewProviders: [
     provideIcons({
       lucideMic,
+      lucideMicOff,
       lucideMonitor,
       lucideMonitorOff,
       lucidePhoneOff,
       lucideHeadphones,
-      lucideArrowLeft,
-    }),
+      lucideArrowLeft
+    })
   ],
   templateUrl: './floating-voice-controls.component.html'
 })
@@ -86,8 +88,8 @@ export class FloatingVoiceControlsComponent implements OnInit, OnDestroy {
       voiceState: {
         isConnected: this.isConnected(),
         isMuted: this.isMuted(),
-        isDeafened: this.isDeafened(),
-      },
+        isDeafened: this.isDeafened()
+      }
     });
   }
 
@@ -110,8 +112,8 @@ export class FloatingVoiceControlsComponent implements OnInit, OnDestroy {
       voiceState: {
         isConnected: this.isConnected(),
         isMuted: this.isMuted(),
-        isDeafened: this.isDeafened(),
-      },
+        isDeafened: this.isDeafened()
+      }
     });
   }
 
@@ -143,8 +145,8 @@ export class FloatingVoiceControlsComponent implements OnInit, OnDestroy {
       voiceState: {
         isConnected: false,
         isMuted: false,
-        isDeafened: false,
-      },
+        isDeafened: false
+      }
     });
 
     // Stop screen sharing if active
@@ -157,6 +159,7 @@ export class FloatingVoiceControlsComponent implements OnInit, OnDestroy {
 
     // Update user voice state in store
     const user = this.currentUser();
+
     if (user?.id) {
       this.store.dispatch(UsersActions.updateVoiceState({
         userId: user.id,
@@ -176,45 +179,55 @@ export class FloatingVoiceControlsComponent implements OnInit, OnDestroy {
   /** Return the CSS classes for the compact control button based on active state. */
   getCompactButtonClass(isActive: boolean): string {
     const base = 'w-7 h-7 inline-flex items-center justify-center rounded-lg transition-colors';
+
     if (isActive) {
       return base + ' bg-destructive/20 text-destructive hover:bg-destructive/30';
     }
+
     return base + ' bg-secondary text-foreground hover:bg-secondary/80';
   }
 
   /** Return the CSS classes for the compact screen-share button. */
   getCompactScreenShareClass(): string {
     const base = 'w-7 h-7 inline-flex items-center justify-center rounded-lg transition-colors';
+
     if (this.isScreenSharing()) {
       return base + ' bg-primary/20 text-primary hover:bg-primary/30';
     }
+
     return base + ' bg-secondary text-foreground hover:bg-secondary/80';
   }
 
   /** Return the CSS classes for the mute toggle button. */
   getMuteButtonClass(): string {
     const base = 'w-10 h-10 inline-flex items-center justify-center rounded-full transition-colors';
+
     if (this.isMuted()) {
       return base + ' bg-destructive/20 text-destructive hover:bg-destructive/30';
     }
+
     return base + ' bg-secondary text-foreground hover:bg-secondary/80';
   }
 
   /** Return the CSS classes for the deafen toggle button. */
   getDeafenButtonClass(): string {
     const base = 'w-10 h-10 inline-flex items-center justify-center rounded-full transition-colors';
+
     if (this.isDeafened()) {
       return base + ' bg-destructive/20 text-destructive hover:bg-destructive/30';
     }
+
     return base + ' bg-secondary text-foreground hover:bg-secondary/80';
   }
 
   /** Return the CSS classes for the screen-share toggle button. */
   getScreenShareButtonClass(): string {
     const base = 'w-10 h-10 inline-flex items-center justify-center rounded-full transition-colors';
+
     if (this.isScreenSharing()) {
       return base + ' bg-primary/20 text-primary hover:bg-primary/30';
     }
+
     return base + ' bg-secondary text-foreground hover:bg-secondary/80';
   }
 }