unsubscribe from queryparams observable

src/app/accounts/login.component.ts

@@ -26,7 +26,7 @@ export class LoginComponent extends BaseLoginComponent {
     }
 
     async ngOnInit() {
-        this.route.queryParams.subscribe(async (qParams) => {
+        const queryParamsSub = this.route.queryParams.subscribe(async (qParams) => {
             if (qParams.email != null && qParams.email.indexOf('@') > -1) {
                 this.email = qParams.email;
             }
@@ -37,6 +37,7 @@ export class LoginComponent extends BaseLoginComponent {
                     { route: '/settings/create-organization', qParams: { plan: qParams.org } });
             }
             await super.ngOnInit();
+            queryParamsSub.unsubscribe();
         });
     }
 

src/app/accounts/register.component.ts

@@ -33,7 +33,7 @@ export class RegisterComponent extends BaseRegisterComponent {
     }
 
     ngOnInit() {
-        this.route.queryParams.subscribe((qParams) => {
+        const queryParamsSub = this.route.queryParams.subscribe((qParams) => {
             if (qParams.email != null && qParams.email.indexOf('@') > -1) {
                 this.email = qParams.email;
             }
@@ -44,6 +44,7 @@ export class RegisterComponent extends BaseRegisterComponent {
                 this.stateService.save('loginRedirect',
                     { route: '/settings/create-organization', qParams: { plan: qParams.org } });
             }
+            queryParamsSub.unsubscribe();
         });
     }
 }

src/app/organizations/manage/collections.component.ts

@@ -54,8 +54,9 @@ export class CollectionsComponent implements OnInit {
         this.route.parent.parent.params.subscribe(async (params) => {
             this.organizationId = params.organizationId;
             await this.load();
-            this.route.queryParams.subscribe(async (qParams) => {
+            const queryParamsSub = this.route.queryParams.subscribe(async (qParams) => {
                 this.searchText = qParams.search;
+                queryParamsSub.unsubscribe();
             });
         });
     }

src/app/organizations/manage/groups.component.ts

@@ -56,8 +56,9 @@ export class GroupsComponent implements OnInit {
                 return;
             }
             await this.load();
-            this.route.queryParams.subscribe(async (qParams) => {
+            const queryParamsSub = this.route.queryParams.subscribe(async (qParams) => {
                 this.searchText = qParams.search;
+                queryParamsSub.unsubscribe();
             });
         });
     }

src/app/organizations/manage/people.component.ts

@@ -81,7 +81,7 @@ export class PeopleComponent implements OnInit {
             this.accessGroups = organization.useGroups;
             await this.load();
 
-            this.route.queryParams.subscribe(async (qParams) => {
+            const queryParamsSub = this.route.queryParams.subscribe(async (qParams) => {
                 this.searchText = qParams.search;
                 if (qParams.viewEvents != null) {
                     const user = this.users.filter((u) => u.id === qParams.viewEvents);
@@ -89,6 +89,7 @@ export class PeopleComponent implements OnInit {
                         this.events(user[0]);
                     }
                 }
+                queryParamsSub.unsubscribe();
             });
         });
     }

src/app/organizations/vault/vault.component.ts

@@ -66,7 +66,7 @@ export class VaultComponent implements OnInit, OnDestroy {
             this.groupingsComponent.organization = this.organization;
             this.ciphersComponent.organization = this.organization;
 
-            this.route.queryParams.subscribe(async (qParams) => {
+            const queryParamsSub = this.route.queryParams.subscribe(async (qParams) => {
                 this.ciphersComponent.searchText = this.groupingsComponent.searchText = qParams.search;
                 if (!this.organization.isAdmin) {
                     await this.syncService.fullSync(false);
@@ -111,6 +111,8 @@ export class VaultComponent implements OnInit, OnDestroy {
                         this.viewEvents(cipher[0]);
                     }
                 }
+
+                queryParamsSub.unsubscribe();
             });
         });
     }

src/app/settings/create-organization.component.ts

@@ -92,10 +92,11 @@ export class CreateOrganizationComponent implements OnInit {
     }
 
     ngOnInit() {
-        this.route.queryParams.subscribe(async (qParams) => {
+        const queryParamsSub = this.route.queryParams.subscribe(async (qParams) => {
             if (qParams.plan === 'families' || qParams.plan === 'teams' || qParams.plan === 'enterprise') {
                 this.plan = qParams.plan;
             }
+            queryParamsSub.unsubscribe();
         });
     }
 

src/app/vault/vault.component.ts

@@ -87,7 +87,7 @@ export class VaultComponent implements OnInit, OnDestroy {
         this.showVerifyEmail = !(await this.tokenService.getEmailVerified());
         this.showBrowserOutdated = window.navigator.userAgent.indexOf('MSIE') !== -1;
 
-        this.route.queryParams.subscribe(async (params) => {
+        const queryParamsSub = this.route.queryParams.subscribe(async (params) => {
             await this.syncService.fullSync(false);
 
             this.showUpdateKey = !(await this.cryptoService.hasEncKey());
@@ -103,9 +103,7 @@ export class VaultComponent implements OnInit, OnDestroy {
             if (params == null) {
                 this.groupingsComponent.selectedAll = true;
                 await this.ciphersComponent.load();
-                return;
-            }
-
+            } else {
                 if (params.favorites) {
                     this.groupingsComponent.selectedFavorites = true;
                     await this.filterFavorites();
@@ -124,6 +122,7 @@ export class VaultComponent implements OnInit, OnDestroy {
                     this.groupingsComponent.selectedAll = true;
                     await this.ciphersComponent.load();
                 }
+            }
 
             this.broadcasterService.subscribe(BroadcasterSubscriptionId, (message: any) => {
                 this.ngZone.run(async () => {
@@ -141,6 +140,8 @@ export class VaultComponent implements OnInit, OnDestroy {
                     }
                 });
             });
+
+            queryParamsSub.unsubscribe();
         });
     }