Updating user settings ts files to import toggle instead of checkbox

Updating user settings ts files to import toggle instead of checkbox

apps/client/src/app/components/user-account-settings/user-account-settings.component.ts

@@ -6,7 +6,7 @@ import {
   OnInit,
   ViewChild
 } from '@angular/core';
-import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
+import { MatSlideToggleChange } from '@angular/material/slide-toggle';
 import { DataService } from '@ghostfolio/client/services/data.service';
 import {
   STAY_SIGNED_IN,
@@ -30,7 +30,7 @@ import { catchError, takeUntil } from 'rxjs/operators';
 })
 export class UserAccountSettingsComponent implements OnDestroy, OnInit {
   @ViewChild('toggleSignInWithFingerprintEnabledElement')
-  signInWithFingerprintElement: MatCheckbox;
+  signInWithFingerprintElement: MatSlideToggle;
 
   public appearancePlaceholder = $localize`Auto`;
   public baseCurrency: string;
@@ -120,7 +120,7 @@ export class UserAccountSettingsComponent implements OnDestroy, OnInit {
       });
   }
 
-  public onExperimentalFeaturesChange(aEvent: MatCheckboxChange) {
+  public onExperimentalFeaturesChange(aEvent: MatSlideToggleChange) {
     this.dataService
       .putUserSetting({ isExperimentalFeatures: aEvent.checked })
       .pipe(takeUntil(this.unsubscribeSubject))
@@ -158,7 +158,7 @@ export class UserAccountSettingsComponent implements OnDestroy, OnInit {
       });
   }
 
-  public onRestrictedViewChange(aEvent: MatCheckboxChange) {
+  public onRestrictedViewChange(aEvent: MatSlideToggleChange) {
     this.dataService
       .putUserSetting({ isRestrictedView: aEvent.checked })
       .pipe(takeUntil(this.unsubscribeSubject))
@@ -176,7 +176,7 @@ export class UserAccountSettingsComponent implements OnDestroy, OnInit {
       });
   }
 
-  public onSignInWithFingerprintChange(aEvent: MatCheckboxChange) {
+  public onSignInWithFingerprintChange(aEvent: MatSlideToggleChange) {
     if (aEvent.checked) {
       this.registerDevice();
     } else {
@@ -192,7 +192,7 @@ export class UserAccountSettingsComponent implements OnDestroy, OnInit {
     }
   }
 
-  public onViewModeChange(aEvent: MatCheckboxChange) {
+  public onViewModeChange(aEvent: MatSlideToggleChange) {
     this.dataService
       .putUserSetting({ viewMode: aEvent.checked === true ? 'ZEN' : 'DEFAULT' })
       .pipe(takeUntil(this.unsubscribeSubject))

apps/client/src/app/components/user-account-settings/user-account-settings.module.ts

@@ -3,7 +3,7 @@ import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
-import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatSelectModule } from '@angular/material/select';
 import { RouterModule } from '@angular/router';
@@ -20,7 +20,7 @@ import { UserAccountSettingsComponent } from './user-account-settings.component'
     GfValueModule,
     MatButtonModule,
     MatCardModule,
-    MatCheckboxModule,
+    MatSlideToggleModule,
     MatFormFieldModule,
     MatSelectModule,
     ReactiveFormsModule,