1. Removed from all classes public ngOnInit() {}

2. Removed ngOnInit() method from all files
3. Removed the OnInit interface from the classes
4. Removed the OnInit import from the top of all files

apps/client/src/app/app.component.ts

@@ -12,8 +12,7 @@ import {
   Component,
   HostBinding,
   Inject,
-  OnDestroy,
+  OnDestroy
-  OnInit
 } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { Title } from '@angular/platform-browser';
@@ -40,7 +39,7 @@ import { UserService } from './services/user/user.service';
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss']
 })
-export class AppComponent implements OnDestroy, OnInit {
+export class AppComponent implements OnDestroy {
   @HostBinding('class.has-info-message') get getHasMessage() {
     return this.hasInfoMessage;
   }

apps/client/src/app/components/access-table/access-table.component.ts

@@ -10,7 +10,6 @@ import {
   EventEmitter,
   Input,
   OnChanges,
-  OnInit,
   Output
 } from '@angular/core';
 import { MatTableDataSource } from '@angular/material/table';
@@ -21,7 +20,7 @@ import { MatTableDataSource } from '@angular/material/table';
   templateUrl: './access-table.component.html',
   styleUrls: ['./access-table.component.scss']
 })
-export class AccessTableComponent implements OnChanges, OnInit {
+export class AccessTableComponent implements OnChanges {
   @Input() accesses: Access[];
   @Input() showActions: boolean;
   @Input() user: User;
@@ -37,7 +36,6 @@ export class AccessTableComponent implements OnChanges, OnInit {
     private notificationService: NotificationService
   ) {}
 
-  public ngOnInit() {}
 
   public ngOnChanges() {
     this.displayedColumns = ['alias', 'grantee', 'type', 'details'];

apps/client/src/app/components/account-detail-dialog/account-detail-dialog.component.ts

@@ -17,8 +17,7 @@ import {
   ChangeDetectorRef,
   Component,
   Inject,
-  OnDestroy,
+  OnDestroy
-  OnInit
 } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { Sort, SortDirection } from '@angular/material/sort';
@@ -39,7 +38,7 @@ import { AccountDetailDialogParams } from './interfaces/interfaces';
   templateUrl: 'account-detail-dialog.html',
   styleUrls: ['./account-detail-dialog.component.scss']
 })
-export class AccountDetailDialog implements OnDestroy, OnInit {
+export class AccountDetailDialog implements OnDestroy{
   public accountBalances: AccountBalancesResponse['balances'];
   public activities: OrderWithAccount[];
   public balance: number;

apps/client/src/app/components/accounts-table/accounts-table.component.ts

@@ -9,7 +9,6 @@ import {
   Input,
   OnChanges,
   OnDestroy,
-  OnInit,
   Output,
   ViewChild
 } from '@angular/core';
@@ -26,7 +25,7 @@ import { Subject, Subscription } from 'rxjs';
   templateUrl: './accounts-table.component.html',
   styleUrls: ['./accounts-table.component.scss']
 })
-export class AccountsTableComponent implements OnChanges, OnDestroy, OnInit {
+export class AccountsTableComponent implements OnChanges, OnDestroy{
   @Input() accounts: AccountModel[];
   @Input() baseCurrency: string;
   @Input() deviceType: string;
@@ -61,7 +60,6 @@ export class AccountsTableComponent implements OnChanges, OnDestroy, OnInit {
     private router: Router
   ) {}
 
-  public ngOnInit() {}
 
   public ngOnChanges() {
     this.displayedColumns = ['status', 'account', 'platform'];

apps/client/src/app/components/admin-jobs/admin-jobs.component.ts

@@ -14,8 +14,7 @@ import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
-  OnDestroy,
+  OnDestroy
-  OnInit
 } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { MatTableDataSource } from '@angular/material/table';
@@ -29,7 +28,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./admin-jobs.scss'],
   templateUrl: './admin-jobs.html'
 })
-export class AdminJobsComponent implements OnDestroy, OnInit {
+export class AdminJobsComponent implements OnDestroy{
   public DATA_GATHERING_QUEUE_PRIORITY_LOW = DATA_GATHERING_QUEUE_PRIORITY_LOW;
   public DATA_GATHERING_QUEUE_PRIORITY_HIGH =
     DATA_GATHERING_QUEUE_PRIORITY_HIGH;

apps/client/src/app/components/admin-market-data-detail/admin-market-data-detail.component.ts

@@ -12,7 +12,6 @@ import {
   EventEmitter,
   Input,
   OnChanges,
-  OnInit,
   Output
 } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
@@ -42,7 +41,7 @@ import { MarketDataDetailDialog } from './market-data-detail-dialog/market-data-
   styleUrls: ['./admin-market-data-detail.component.scss'],
   templateUrl: './admin-market-data-detail.component.html'
 })
-export class AdminMarketDataDetailComponent implements OnChanges, OnInit {
+export class AdminMarketDataDetailComponent implements OnChanges{
   @Input() currency: string;
   @Input() dataSource: DataSource;
   @Input() dateOfFirstActivity: string;
@@ -81,7 +80,6 @@ export class AdminMarketDataDetailComponent implements OnChanges, OnInit {
       });
   }
 
-  public ngOnInit() {}
 
   public ngOnChanges() {
     this.defaultDateFormat = getDateFormatString(this.locale);

apps/client/src/app/components/admin-market-data/admin-market-data.component.ts

@@ -23,7 +23,6 @@ import {
   ChangeDetectorRef,
   Component,
   OnDestroy,
-  OnInit,
   ViewChild
 } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
@@ -51,8 +50,7 @@ import { CreateAssetProfileDialogParams } from './create-asset-profile-dialog/in
   templateUrl: './admin-market-data.html'
 })
 export class AdminMarketDataComponent
-  implements AfterViewInit, OnDestroy, OnInit
+  implements AfterViewInit, OnDestroy{
-{
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild(MatSort) sort: MatSort;
 

apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.ts

@@ -18,8 +18,7 @@ import {
   ChangeDetectorRef,
   Component,
   Inject,
-  OnDestroy,
+  OnDestroy
-  OnInit
 } from '@angular/core';
 import { FormBuilder, FormControl, Validators } from '@angular/forms';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
@@ -44,7 +43,7 @@ import { AssetProfileDialogParams } from './interfaces/interfaces';
   templateUrl: 'asset-profile-dialog.html',
   styleUrls: ['./asset-profile-dialog.component.scss']
 })
-export class AssetProfileDialog implements OnDestroy, OnInit {
+export class AssetProfileDialog implements OnDestroy{
   public assetProfileClass: string;
   public assetClasses = Object.keys(AssetClass).map((assetClass) => {
     return { id: assetClass, label: translate(assetClass) };

apps/client/src/app/components/admin-market-data/create-asset-profile-dialog/create-asset-profile-dialog.component.ts

@@ -6,8 +6,7 @@ import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
-  OnDestroy,
+  OnDestroy
-  OnInit
 } from '@angular/core';
 import {
   AbstractControl,
@@ -30,7 +29,7 @@ import { CreateAssetProfileDialogMode } from './interfaces/interfaces';
   styleUrls: ['./create-asset-profile-dialog.component.scss'],
   templateUrl: 'create-asset-profile-dialog.html'
 })
-export class CreateAssetProfileDialog implements OnInit, OnDestroy {
+export class CreateAssetProfileDialog implements  OnDestroy {
   public createAssetProfileForm: FormGroup;
   public mode: CreateAssetProfileDialogMode;
 

apps/client/src/app/components/admin-overview/admin-overview.component.ts

@@ -21,7 +21,7 @@ import {
 } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { MatSlideToggleChange } from '@angular/material/slide-toggle';
 import {
   differenceInSeconds,
@@ -38,7 +38,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./admin-overview.scss'],
   templateUrl: './admin-overview.html'
 })
-export class AdminOverviewComponent implements OnDestroy, OnInit {
+export class AdminOverviewComponent implements OnDestroy{
   public couponDuration: StringValue = '14 days';
   public coupons: Coupon[];
   public customCurrencies: string[];

apps/client/src/app/components/admin-platform/admin-platform.component.ts

@@ -11,7 +11,6 @@ import {
   ChangeDetectorRef,
   Component,
   OnDestroy,
-  OnInit,
   ViewChild
 } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
@@ -31,7 +30,7 @@ import { CreateOrUpdatePlatformDialog } from './create-or-update-platform-dialog
   styleUrls: ['./admin-platform.component.scss'],
   templateUrl: './admin-platform.component.html'
 })
-export class AdminPlatformComponent implements OnInit, OnDestroy {
+export class AdminPlatformComponent implements  OnDestroy {
   @ViewChild(MatSort) sort: MatSort;
 
   public dataSource: MatTableDataSource<Platform> = new MatTableDataSource();

apps/client/src/app/components/admin-settings/admin-settings.component.ts

@@ -5,8 +5,7 @@ import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
-  OnDestroy,
+  OnDestroy
-  OnInit
 } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { DeviceDetectorService } from 'ngx-device-detector';
@@ -20,7 +19,7 @@ import { GfGhostfolioPremiumApiDialogComponent } from './ghostfolio-premium-api-
   styleUrls: ['./admin-settings.component.scss'],
   templateUrl: './admin-settings.component.html'
 })
-export class AdminSettingsComponent implements OnDestroy, OnInit {
+export class AdminSettingsComponent implements OnDestroy{
   public pricingUrl: string;
 
   private deviceType: string;

apps/client/src/app/components/admin-tag/admin-tag.component.ts

@@ -11,7 +11,6 @@ import {
   ChangeDetectorRef,
   Component,
   OnDestroy,
-  OnInit,
   ViewChild
 } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
@@ -31,7 +30,7 @@ import { CreateOrUpdateTagDialog } from './create-or-update-tag-dialog/create-or
   styleUrls: ['./admin-tag.component.scss'],
   templateUrl: './admin-tag.component.html'
 })
-export class AdminTagComponent implements OnInit, OnDestroy {
+export class AdminTagComponent implements  OnDestroy {
   @ViewChild(MatSort) sort: MatSort;
 
   public dataSource: MatTableDataSource<Tag> = new MatTableDataSource();

apps/client/src/app/components/admin-users/admin-users.component.ts

@@ -8,7 +8,7 @@ import { getDateFormatString, getEmojiFlag } from '@ghostfolio/common/helper';
 import { AdminUsers, InfoItem, User } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { MatTableDataSource } from '@angular/material/table';
 import {
   differenceInSeconds,
@@ -23,7 +23,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./admin-users.scss'],
   templateUrl: './admin-users.html'
 })
-export class AdminUsersComponent implements OnDestroy, OnInit {
+export class AdminUsersComponent implements OnDestroy{
   public dataSource: MatTableDataSource<AdminUsers['users'][0]> =
     new MatTableDataSource();
   public defaultDateFormat: string;

apps/client/src/app/components/dialog-footer/dialog-footer.component.ts

@@ -3,7 +3,6 @@ import {
   Component,
   EventEmitter,
   Input,
-  OnInit,
   Output
 } from '@angular/core';
 
@@ -14,14 +13,13 @@ import {
   templateUrl: './dialog-footer.component.html',
   styleUrls: ['./dialog-footer.component.scss']
 })
-export class DialogFooterComponent implements OnInit {
+export class DialogFooterComponent {
   @Input() deviceType: string;
 
   @Output() closeButtonClicked = new EventEmitter<void>();
 
   public constructor() {}
 
-  public ngOnInit() {}
 
   public onClickCloseButton() {
     this.closeButtonClicked.emit();

apps/client/src/app/components/dialog-header/dialog-header.component.ts

@@ -3,7 +3,6 @@ import {
   Component,
   EventEmitter,
   Input,
-  OnInit,
   Output
 } from '@angular/core';
 
@@ -14,7 +13,7 @@ import {
   templateUrl: './dialog-header.component.html',
   styleUrls: ['./dialog-header.component.scss']
 })
-export class DialogHeaderComponent implements OnInit {
+export class DialogHeaderComponent {
   @Input() deviceType: string;
   @Input() position: 'center' | 'left' = 'left';
   @Input() title: string;
@@ -23,7 +22,6 @@ export class DialogHeaderComponent implements OnInit {
 
   public constructor() {}
 
-  public ngOnInit() {}
 
   public onClickCloseButton() {
     this.closeButtonClicked.emit();

apps/client/src/app/components/fear-and-greed-index/fear-and-greed-index.component.ts

@@ -5,8 +5,7 @@ import {
   ChangeDetectionStrategy,
   Component,
   Input,
-  OnChanges,
+  OnChanges
-  OnInit
 } from '@angular/core';
 
 @Component({
@@ -15,7 +14,7 @@ import {
   templateUrl: './fear-and-greed-index.component.html',
   styleUrls: ['./fear-and-greed-index.component.scss']
 })
-export class FearAndGreedIndexComponent implements OnChanges, OnInit {
+export class FearAndGreedIndexComponent implements OnChanges{
   @Input() fearAndGreedIndex: number;
 
   public fearAndGreedIndexEmoji: string;
@@ -23,7 +22,6 @@ export class FearAndGreedIndexComponent implements OnChanges, OnInit {
 
   public constructor() {}
 
-  public ngOnInit() {}
 
   public ngOnChanges() {
     const { emoji, key } = resolveFearAndGreedIndex(this.fearAndGreedIndex);

apps/client/src/app/components/holding-detail-dialog/holding-detail-dialog.component.ts

@@ -30,7 +30,6 @@ import {
   ElementRef,
   Inject,
   OnDestroy,
-  OnInit,
   ViewChild
 } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
@@ -85,7 +84,7 @@ import { HoldingDetailDialogParams } from './interfaces/interfaces';
   styleUrls: ['./holding-detail-dialog.component.scss'],
   templateUrl: 'holding-detail-dialog.html'
 })
-export class GfHoldingDetailDialogComponent implements OnDestroy, OnInit {
+export class GfHoldingDetailDialogComponent implements OnDestroy{
   @ViewChild('tagInput') tagInput: ElementRef<HTMLInputElement>;
 
   public activityForm: FormGroup;

apps/client/src/app/components/home-holdings/home-holdings.component.ts

@@ -13,7 +13,7 @@ import {
   ToggleOption
 } from '@ghostfolio/common/types';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { Router } from '@angular/router';
 import { DeviceDetectorService } from 'ngx-device-detector';
@@ -25,7 +25,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./home-holdings.scss'],
   templateUrl: './home-holdings.html'
 })
-export class HomeHoldingsComponent implements OnDestroy, OnInit {
+export class HomeHoldingsComponent implements OnDestroy{
   public static DEFAULT_HOLDINGS_VIEW_MODE: HoldingsViewMode = 'TABLE';
 
   public deviceType: string;

apps/client/src/app/components/home-market/home-market.component.ts

@@ -10,7 +10,7 @@ import {
 } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -20,7 +20,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./home-market.scss'],
   templateUrl: './home-market.html'
 })
-export class HomeMarketComponent implements OnDestroy, OnInit {
+export class HomeMarketComponent implements OnDestroy{
   public benchmarks: Benchmark[];
   public deviceType: string;
   public fearAndGreedIndex: number;

apps/client/src/app/components/home-overview/home-overview.component.ts

@@ -12,7 +12,7 @@ import {
 } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -22,7 +22,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./home-overview.scss'],
   templateUrl: './home-overview.html'
 })
-export class HomeOverviewComponent implements OnDestroy, OnInit {
+export class HomeOverviewComponent implements OnDestroy{
   public dateRangeOptions = ToggleComponent.DEFAULT_DATE_RANGE_OPTIONS;
   public deviceType: string;
   public errors: AssetProfileIdentifier[];

apps/client/src/app/components/home-summary/home-summary.component.ts

@@ -8,7 +8,7 @@ import {
 } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { MatSnackBarRef, TextOnlySnackBar } from '@angular/material/snack-bar';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -18,7 +18,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./home-summary.scss'],
   templateUrl: './home-summary.html'
 })
-export class HomeSummaryComponent implements OnDestroy, OnInit {
+export class HomeSummaryComponent implements OnDestroy{
   public hasImpersonationId: boolean;
   public hasPermissionForSubscription: boolean;
   public hasPermissionToUpdateUserSettings: boolean;

apps/client/src/app/components/login-with-access-token-dialog/login-with-access-token-dialog.component.ts

@@ -28,7 +28,6 @@ export class LoginWithAccessTokenDialog {
     private tokenStorageService: TokenStorageService
   ) {}
 
-  ngOnInit() {}
 
   public onChangeStaySignedIn(aValue: MatCheckboxChange) {
     this.settingsStorageService.setSetting(

apps/client/src/app/components/portfolio-summary/portfolio-summary.component.ts

@@ -8,7 +8,6 @@ import {
   EventEmitter,
   Input,
   OnChanges,
-  OnInit,
   Output
 } from '@angular/core';
 import { formatDistanceToNow } from 'date-fns';
@@ -19,7 +18,7 @@ import { formatDistanceToNow } from 'date-fns';
   templateUrl: './portfolio-summary.component.html',
   styleUrls: ['./portfolio-summary.component.scss']
 })
-export class PortfolioSummaryComponent implements OnChanges, OnInit {
+export class PortfolioSummaryComponent implements OnChanges{
   @Input() baseCurrency: string;
   @Input() hasPermissionToUpdateUserSettings: boolean;
   @Input() isLoading: boolean;
@@ -37,7 +36,6 @@ export class PortfolioSummaryComponent implements OnChanges, OnInit {
 
   public constructor() {}
 
-  public ngOnInit() {}
 
   public ngOnChanges() {
     if (this.summary) {

apps/client/src/app/components/rule/rule.component.ts

@@ -8,7 +8,6 @@ import {
   Component,
   EventEmitter,
   Input,
-  OnInit,
   Output
 } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
@@ -24,7 +23,7 @@ import { GfRuleSettingsDialogComponent } from './rule-settings-dialog/rule-setti
   templateUrl: './rule.component.html',
   styleUrls: ['./rule.component.scss']
 })
-export class RuleComponent implements OnInit {
+export class RuleComponent {
   @Input() hasPermissionToUpdateUserSettings: boolean;
   @Input() isLoading: boolean;
   @Input() rule: PortfolioReportRule;

apps/client/src/app/components/toggle/toggle.component.ts

@@ -6,7 +6,6 @@ import {
   EventEmitter,
   Input,
   OnChanges,
-  OnInit,
   Output
 } from '@angular/core';
 import { FormControl } from '@angular/forms';
@@ -17,7 +16,7 @@ import { FormControl } from '@angular/forms';
   templateUrl: './toggle.component.html',
   styleUrls: ['./toggle.component.scss']
 })
-export class ToggleComponent implements OnChanges, OnInit {
+export class ToggleComponent implements OnChanges{
   public static DEFAULT_DATE_RANGE_OPTIONS: ToggleOption[] = [
     { label: $localize`Today`, value: '1d' },
     { label: $localize`YTD`, value: 'ytd' },
@@ -36,7 +35,6 @@ export class ToggleComponent implements OnChanges, OnInit {
 
   public constructor() {}
 
-  public ngOnInit() {}
 
   public ngOnChanges() {
     this.optionFormControl.setValue(this.defaultValue);

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

@@ -8,8 +8,7 @@ import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
-  OnDestroy,
+  OnDestroy
-  OnInit
 } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -26,7 +25,7 @@ import { CreateOrUpdateAccessDialog } from './create-or-update-access-dialog/cre
   styleUrls: ['./user-account-access.scss'],
   templateUrl: './user-account-access.html'
 })
-export class UserAccountAccessComponent implements OnDestroy, OnInit {
+export class UserAccountAccessComponent implements OnDestroy{
   public accesses: Access[];
   public deviceType: string;
   public hasPermissionToCreateAccess: boolean;

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

@@ -9,8 +9,7 @@ import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
-  OnDestroy,
+  OnDestroy
-  OnInit
 } from '@angular/core';
 import {
   MatSnackBar,
@@ -27,7 +26,7 @@ import { catchError, switchMap, takeUntil } from 'rxjs/operators';
   styleUrls: ['./user-account-membership.scss'],
   templateUrl: './user-account-membership.html'
 })
-export class UserAccountMembershipComponent implements OnDestroy, OnInit {
+export class UserAccountMembershipComponent implements OnDestroy{
   public baseCurrency: string;
   public coupon: number;
   public couponId: string;
@@ -88,7 +87,6 @@ export class UserAccountMembershipComponent implements OnDestroy, OnInit {
       });
   }
 
-  public ngOnInit() {}
 
   public onCheckout() {
     this.dataService

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

@@ -17,8 +17,7 @@ import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
-  OnDestroy,
+  OnDestroy
-  OnInit
 } from '@angular/core';
 import { FormBuilder, Validators } from '@angular/forms';
 import { MatSlideToggleChange } from '@angular/material/slide-toggle';
@@ -34,7 +33,7 @@ import { catchError, takeUntil } from 'rxjs/operators';
   styleUrls: ['./user-account-settings.scss'],
   templateUrl: './user-account-settings.html'
 })
-export class UserAccountSettingsComponent implements OnDestroy, OnInit {
+export class UserAccountSettingsComponent implements OnDestroy{
   public appearancePlaceholder = $localize`Auto`;
   public baseCurrency: string;
   public currencies: string[] = [];

apps/client/src/app/components/world-map-chart/world-map-chart.component.ts

@@ -6,8 +6,7 @@ import {
   Component,
   Input,
   OnChanges,
-  OnDestroy,
+  OnDestroy
-  OnInit
 } from '@angular/core';
 import svgMap from 'svgmap';
 
@@ -17,7 +16,7 @@ import svgMap from 'svgmap';
   templateUrl: './world-map-chart.component.html',
   styleUrls: ['./world-map-chart.component.scss']
 })
-export class WorldMapChartComponent implements OnChanges, OnDestroy, OnInit {
+export class WorldMapChartComponent implements OnChanges, OnDestroy{
   @Input() countries: { [code: string]: { name?: string; value: number } };
   @Input() format: string;
   @Input() isInPercent = false;
@@ -28,7 +27,6 @@ export class WorldMapChartComponent implements OnChanges, OnDestroy, OnInit {
 
   public constructor(private changeDetectorRef: ChangeDetectorRef) {}
 
-  public ngOnInit() {}
 
   public ngOnChanges() {
     // Create a copy before manipulating countries object

apps/client/src/app/pages/about/about-page.component.ts

@@ -3,7 +3,7 @@ import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { TabConfiguration, User } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -14,7 +14,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./about-page.scss'],
   templateUrl: './about-page.html'
 })
-export class AboutPageComponent implements OnDestroy, OnInit {
+export class AboutPageComponent implements OnDestroy{
   public deviceType: string;
   public hasPermissionForSubscription: boolean;
   public tabs: TabConfiguration[] = [];

apps/client/src/app/pages/about/overview/about-overview-page.component.ts

@@ -3,7 +3,7 @@ import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { User } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
@@ -12,7 +12,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./about-overview-page.scss'],
   templateUrl: './about-overview-page.html'
 })
-export class AboutOverviewPageComponent implements OnDestroy, OnInit {
+export class AboutOverviewPageComponent implements OnDestroy{
   public hasPermissionForStatistics: boolean;
   public hasPermissionForSubscription: boolean;
   public isLoggedIn: boolean;

apps/client/src/app/pages/accounts/accounts-page.component.ts

@@ -10,7 +10,7 @@ import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { User } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Account as AccountModel } from '@prisma/client';
@@ -27,7 +27,7 @@ import { TransferBalanceDialog } from './transfer-balance/transfer-balance-dialo
   styleUrls: ['./accounts-page.scss'],
   templateUrl: './accounts-page.html'
 })
-export class AccountsPageComponent implements OnDestroy, OnInit {
+export class AccountsPageComponent implements OnDestroy{
   public accounts: AccountModel[];
   public deviceType: string;
   public hasImpersonationId: boolean;

apps/client/src/app/pages/admin/admin-page.component.ts

@@ -1,6 +1,6 @@
 import { TabConfiguration } from '@ghostfolio/common/interfaces';
 
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy } from '@angular/core';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 
@@ -10,7 +10,7 @@ import { Subject } from 'rxjs';
   styleUrls: ['./admin-page.scss'],
   templateUrl: './admin-page.html'
 })
-export class AdminPageComponent implements OnDestroy, OnInit {
+export class AdminPageComponent implements OnDestroy{
   public deviceType: string;
   public tabs: TabConfiguration[] = [];
 

apps/client/src/app/pages/auth/auth-page.component.ts

@@ -4,7 +4,7 @@ import {
 } from '@ghostfolio/client/services/settings-storage.service';
 import { TokenStorageService } from '@ghostfolio/client/services/token-storage.service';
 
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -14,7 +14,7 @@ import { takeUntil } from 'rxjs/operators';
   templateUrl: './auth-page.html',
   styleUrls: ['./auth-page.scss']
 })
-export class AuthPageComponent implements OnDestroy, OnInit {
+export class AuthPageComponent implements OnDestroy{
   private unsubscribeSubject = new Subject<void>();
 
   public constructor(

apps/client/src/app/pages/faq/faq-page.component.ts

@@ -2,7 +2,7 @@ import { DataService } from '@ghostfolio/client/services/data.service';
 import { TabConfiguration } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy } from '@angular/core';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 
@@ -12,7 +12,7 @@ import { Subject } from 'rxjs';
   styleUrls: ['./faq-page.scss'],
   templateUrl: './faq-page.html'
 })
-export class FaqPageComponent implements OnDestroy, OnInit {
+export class FaqPageComponent implements OnDestroy{
   public deviceType: string;
   public hasPermissionForSubscription: boolean;
   public tabs: TabConfiguration[] = [];

apps/client/src/app/pages/faq/self-hosting/self-hosting-page.component.ts

@@ -12,7 +12,6 @@ export class SelfHostingPageComponent implements OnDestroy {
 
   public constructor() {}
 
-  public ngOnInit() {}
 
   public ngOnDestroy() {
     this.unsubscribeSubject.next();

apps/client/src/app/pages/home/home-page.component.ts

@@ -2,7 +2,7 @@ import { ImpersonationStorageService } from '@ghostfolio/client/services/imperso
 import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { TabConfiguration, User } from '@ghostfolio/common/interfaces';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -13,7 +13,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./home-page.scss'],
   templateUrl: './home-page.html'
 })
-export class HomePageComponent implements OnDestroy, OnInit {
+export class HomePageComponent implements OnDestroy{
   public deviceType: string;
   public hasImpersonationId: boolean;
   public tabs: TabConfiguration[] = [];

apps/client/src/app/pages/i18n/i18n-page.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import { Subject } from 'rxjs';
 
 @Component({
@@ -8,12 +8,11 @@ import { Subject } from 'rxjs';
   styleUrls: ['./i18n-page.scss'],
   templateUrl: './i18n-page.html'
 })
-export class GfI18nPageComponent implements OnInit {
+export class GfI18nPageComponent {
   private unsubscribeSubject = new Subject<void>();
 
   public constructor() {}
 
-  public ngOnInit() {}
 
   public ngOnDestroy() {
     this.unsubscribeSubject.next();

apps/client/src/app/pages/landing/landing-page.component.ts

@@ -2,7 +2,7 @@ import { DataService } from '@ghostfolio/client/services/data.service';
 import { Statistics } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy } from '@angular/core';
 import { format } from 'date-fns';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
@@ -13,7 +13,7 @@ import { Subject } from 'rxjs';
   styleUrls: ['./landing-page.scss'],
   templateUrl: './landing-page.html'
 })
-export class LandingPageComponent implements OnDestroy, OnInit {
+export class LandingPageComponent implements OnDestroy{
   public countriesOfSubscribersMap: {
     [code: string]: { value: number };
   } = {};

apps/client/src/app/pages/markets/markets-page.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
 
 @Component({
@@ -7,12 +7,11 @@ import { Subject } from 'rxjs';
   styleUrls: ['./markets-page.scss'],
   templateUrl: './markets-page.html'
 })
-export class MarketsPageComponent implements OnDestroy, OnInit {
+export class MarketsPageComponent implements OnDestroy{
   private unsubscribeSubject = new Subject<void>();
 
   public constructor() {}
 
-  public ngOnInit() {}
 
   public ngOnDestroy() {
     this.unsubscribeSubject.next();

apps/client/src/app/pages/open/open-page.component.ts

@@ -2,7 +2,7 @@ import { DataService } from '@ghostfolio/client/services/data.service';
 import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { Statistics, User } from '@ghostfolio/common/interfaces';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { Subject, takeUntil } from 'rxjs';
 
 @Component({
@@ -11,7 +11,7 @@ import { Subject, takeUntil } from 'rxjs';
   styleUrls: ['./open-page.scss'],
   templateUrl: './open-page.html'
 })
-export class OpenPageComponent implements OnDestroy, OnInit {
+export class OpenPageComponent implements OnDestroy{
   public statistics: Statistics;
   public user: User;
 

apps/client/src/app/pages/portfolio/activities/activities-page.component.ts

@@ -10,7 +10,7 @@ import { downloadAsFile } from '@ghostfolio/common/helper';
 import { AssetProfileIdentifier, User } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { PageEvent } from '@angular/material/paginator';
 import { Sort, SortDirection } from '@angular/material/sort';
@@ -31,7 +31,7 @@ import { ImportActivitiesDialogParams } from './import-activities-dialog/interfa
   styleUrls: ['./activities-page.scss'],
   templateUrl: './activities-page.html'
 })
-export class ActivitiesPageComponent implements OnDestroy, OnInit {
+export class ActivitiesPageComponent implements OnDestroy{
   public dataSource: MatTableDataSource<Activity>;
   public deviceType: string;
   public hasImpersonationId: boolean;

apps/client/src/app/pages/portfolio/allocations/allocations-page.component.ts

@@ -16,7 +16,7 @@ import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 import { Market, MarketAdvanced } from '@ghostfolio/common/types';
 import { translate } from '@ghostfolio/ui/i18n';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Account, AssetClass, DataSource, Platform } from '@prisma/client';
@@ -30,7 +30,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./allocations-page.scss'],
   templateUrl: './allocations-page.html'
 })
-export class AllocationsPageComponent implements OnDestroy, OnInit {
+export class AllocationsPageComponent implements OnDestroy{
   public accounts: {
     [id: string]: Pick<Account, 'name'> & {
       id: string;

apps/client/src/app/pages/portfolio/analysis/analysis-page.component.ts

@@ -13,7 +13,7 @@ import { InvestmentItem } from '@ghostfolio/common/interfaces/investment-item.in
 import { GroupBy, ToggleOption } from '@ghostfolio/common/types';
 import { translate } from '@ghostfolio/ui/i18n';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { SymbolProfile } from '@prisma/client';
 import { differenceInDays } from 'date-fns';
 import { isNumber, sortBy } from 'lodash';
@@ -26,7 +26,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./analysis-page.scss'],
   templateUrl: './analysis-page.html'
 })
-export class AnalysisPageComponent implements OnDestroy, OnInit {
+export class AnalysisPageComponent implements OnDestroy{
   public benchmark: Partial<SymbolProfile>;
   public benchmarkDataItems: HistoricalDataItem[] = [];
   public benchmarks: Partial<SymbolProfile>[];

apps/client/src/app/pages/portfolio/fire/fire-page.component.ts

@@ -9,7 +9,7 @@ import {
 } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { Big } from 'big.js';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
@@ -20,7 +20,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./fire-page.scss'],
   templateUrl: './fire-page.html'
 })
-export class FirePageComponent implements OnDestroy, OnInit {
+export class FirePageComponent implements OnDestroy{
   public accountClusterRiskRules: PortfolioReportRule[];
   public currencyClusterRiskRules: PortfolioReportRule[];
   public deviceType: string;

apps/client/src/app/pages/portfolio/portfolio-page.component.ts

@@ -1,7 +1,7 @@
 import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { TabConfiguration, User } from '@ghostfolio/common/interfaces';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -12,7 +12,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./portfolio-page.scss'],
   templateUrl: './portfolio-page.html'
 })
-export class PortfolioPageComponent implements OnDestroy, OnInit {
+export class PortfolioPageComponent implements OnDestroy{
   public deviceType: string;
   public tabs: TabConfiguration[] = [];
   public user: User;

apps/client/src/app/pages/pricing/pricing-page.component.ts

@@ -5,7 +5,7 @@ import { User } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 import { translate } from '@ghostfolio/ui/i18n';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { StripeService } from 'ngx-stripe';
 import { Subject } from 'rxjs';
 import { catchError, switchMap, takeUntil } from 'rxjs/operators';
@@ -16,7 +16,7 @@ import { catchError, switchMap, takeUntil } from 'rxjs/operators';
   styleUrls: ['./pricing-page.scss'],
   templateUrl: './pricing-page.html'
 })
-export class PricingPageComponent implements OnDestroy, OnInit {
+export class PricingPageComponent implements OnDestroy{
   public baseCurrency: string;
   public coupon: number;
   public couponId: string;

apps/client/src/app/pages/public/public-page.component.ts

@@ -7,7 +7,7 @@ import {
 } from '@ghostfolio/common/interfaces';
 import { Market } from '@ghostfolio/common/types';
 
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AssetClass } from '@prisma/client';
 import { StatusCodes } from 'http-status-codes';
@@ -22,7 +22,7 @@ import { catchError, takeUntil } from 'rxjs/operators';
   styleUrls: ['./public-page.scss'],
   templateUrl: './public-page.html'
 })
-export class PublicPageComponent implements OnInit {
+export class PublicPageComponent {
   public continents: {
     [code: string]: { name: string; value: number };
   };

apps/client/src/app/pages/register/register-page.component.ts

@@ -4,7 +4,7 @@ import { TokenStorageService } from '@ghostfolio/client/services/token-storage.s
 import { InfoItem, LineChartItem } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { Router } from '@angular/router';
 import { Role } from '@prisma/client';
@@ -20,7 +20,7 @@ import { ShowAccessTokenDialog } from './show-access-token-dialog/show-access-to
   styleUrls: ['./register-page.scss'],
   templateUrl: './register-page.html'
 })
-export class RegisterPageComponent implements OnDestroy, OnInit {
+export class RegisterPageComponent implements OnDestroy{
   public demoAuthToken: string;
   public deviceType: string;
   public hasPermissionForSocialLogin: boolean;

apps/client/src/app/pages/register/show-access-token-dialog/show-access-token-dialog.component.ts

@@ -12,7 +12,6 @@ export class ShowAccessTokenDialog {
 
   public constructor(@Inject(MAT_DIALOG_DATA) public data: any) {}
 
-  ngOnInit() {}
 
   public enableAgreeButton() {
     this.isAgreeButtonDisabled = false;

apps/client/src/app/pages/resources/personal-finance-tools/product-page.component.ts

@@ -4,7 +4,7 @@ import { personalFinanceTools } from '@ghostfolio/common/personal-finance-tools'
 import { translate } from '@ghostfolio/ui/i18n';
 
 import { CommonModule } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { ActivatedRoute, RouterModule } from '@angular/router';
 
@@ -16,7 +16,7 @@ import { ActivatedRoute, RouterModule } from '@angular/router';
   styleUrls: ['./product-page.scss'],
   templateUrl: './product-page.html'
 })
-export class GfProductPageComponent implements OnInit {
+export class GfProductPageComponent {
   public key: string;
   public price: number;
   public product1: Product;

apps/client/src/app/pages/resources/resources-page.component.ts

@@ -2,7 +2,7 @@ import { DataService } from '@ghostfolio/client/services/data.service';
 import { InfoItem } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import { Subject } from 'rxjs';
 
 @Component({
@@ -11,7 +11,7 @@ import { Subject } from 'rxjs';
   styleUrls: ['./resources-page.scss'],
   templateUrl: './resources-page.html'
 })
-export class ResourcesPageComponent implements OnInit {
+export class ResourcesPageComponent {
   public hasPermissionForSubscription: boolean;
   public info: InfoItem;
   public routerLinkFaq = ['/' + $localize`:snake-case:faq`];

apps/client/src/app/pages/user-account/user-account-page.component.ts

@@ -1,7 +1,7 @@
 import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { TabConfiguration, User } from '@ghostfolio/common/interfaces';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject, takeUntil } from 'rxjs';
 
@@ -11,7 +11,7 @@ import { Subject, takeUntil } from 'rxjs';
   styleUrls: ['./user-account-page.scss'],
   templateUrl: './user-account-page.html'
 })
-export class UserAccountPageComponent implements OnDestroy, OnInit {
+export class UserAccountPageComponent implements OnDestroy{
   public deviceType: string;
   public tabs: TabConfiguration[] = [];
   public user: User;

apps/client/src/app/pages/webauthn/webauthn-page.component.ts

@@ -2,7 +2,7 @@ import { TokenStorageService } from '@ghostfolio/client/services/token-storage.s
 import { WebAuthnService } from '@ghostfolio/client/services/web-authn.service';
 import { GfLogoComponent } from '@ghostfolio/ui/logo';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { Router } from '@angular/router';
@@ -17,7 +17,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./webauthn-page.scss'],
   templateUrl: './webauthn-page.html'
 })
-export class GfWebauthnPageComponent implements OnDestroy, OnInit {
+export class GfWebauthnPageComponent implements OnDestroy{
   public hasError = false;
 
   private unsubscribeSubject = new Subject<void>();

apps/client/src/app/pages/zen/zen-page.component.ts

@@ -1,7 +1,7 @@
 import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { TabConfiguration, User } from '@ghostfolio/common/interfaces';
 
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -12,7 +12,7 @@ import { takeUntil } from 'rxjs/operators';
   styleUrls: ['./zen-page.scss'],
   templateUrl: './zen-page.html'
 })
-export class ZenPageComponent implements OnDestroy, OnInit {
+export class ZenPageComponent implements OnDestroy{
   public deviceType: string;
   public tabs: TabConfiguration[] = [];
   public user: User;

libs/ui/src/lib/account-balances/account-balances.component.ts

@@ -13,7 +13,6 @@ import {
   Input,
   OnChanges,
   OnDestroy,
-  OnInit,
   Output,
   ViewChild
 } from '@angular/core';
@@ -56,8 +55,7 @@ import { GfValueComponent } from '../value';
   templateUrl: './account-balances.component.html'
 })
 export class GfAccountBalancesComponent
-  implements OnChanges, OnDestroy, OnInit
+  implements OnChanges, OnDestroy{
-{
   @Input() accountBalances: AccountBalancesResponse['balances'];
   @Input() accountCurrency: string;
   @Input() accountId: string;

libs/ui/src/lib/activities-table/activities-table.component.ts

@@ -22,7 +22,6 @@ import {
   Input,
   OnChanges,
   OnDestroy,
-  OnInit,
   Output,
   ViewChild
 } from '@angular/core';
@@ -72,8 +71,7 @@ import { Subject, Subscription, takeUntil } from 'rxjs';
   templateUrl: './activities-table.component.html'
 })
 export class GfActivitiesTableComponent
-  implements AfterViewInit, OnChanges, OnDestroy, OnInit
+  implements AfterViewInit, OnChanges, OnDestroy{
-{
   @Input() baseCurrency: string;
   @Input() dataSource: MatTableDataSource<Activity>;
   @Input() deviceType: string;

libs/ui/src/lib/assistant/assistant.component.ts

@@ -18,7 +18,6 @@ import {
   Input,
   OnChanges,
   OnDestroy,
-  OnInit,
   Output,
   QueryList,
   ViewChild,
@@ -74,7 +73,7 @@ import {
   styleUrls: ['./assistant.scss'],
   templateUrl: './assistant.html'
 })
-export class GfAssistantComponent implements OnChanges, OnDestroy, OnInit {
+export class GfAssistantComponent implements OnChanges, OnDestroy{
   @HostListener('document:keydown', ['$event']) onKeydown(
     event: KeyboardEvent
   ) {

libs/ui/src/lib/benchmark/benchmark-detail-dialog/benchmark-detail-dialog.component.ts

@@ -15,8 +15,7 @@ import {
   ChangeDetectorRef,
   Component,
   Inject,
-  OnDestroy,
+  OnDestroy
-  OnInit
 } from '@angular/core';
 import {
   MAT_DIALOG_DATA,
@@ -45,7 +44,7 @@ import { BenchmarkDetailDialogParams } from './interfaces/interfaces';
   styleUrls: ['./benchmark-detail-dialog.component.scss'],
   templateUrl: 'benchmark-detail-dialog.html'
 })
-export class GfBenchmarkDetailDialogComponent implements OnDestroy, OnInit {
+export class GfBenchmarkDetailDialogComponent implements OnDestroy{
   public assetProfile: AdminMarketDataDetails['assetProfile'];
   public historicalDataItems: LineChartItem[];
 

libs/ui/src/lib/currency-selector/currency-selector.component.ts

@@ -9,7 +9,6 @@ import {
   ElementRef,
   Input,
   OnDestroy,
-  OnInit,
   ViewChild
 } from '@angular/core';
 import {
@@ -59,7 +58,7 @@ import { map, startWith, takeUntil } from 'rxjs/operators';
 })
 export class GfCurrencySelectorComponent
   extends AbstractMatFormField<string>
-  implements OnInit, OnDestroy
+  implements  OnDestroy
 {
   @Input() private currencies: string[] = [];
   @Input() private formControlName: string;

libs/ui/src/lib/symbol-autocomplete/symbol-autocomplete.component.ts

@@ -13,7 +13,6 @@ import {
   ElementRef,
   Input,
   OnDestroy,
-  OnInit,
   ViewChild
 } from '@angular/core';
 import {
@@ -75,7 +74,7 @@ import { GfPremiumIndicatorComponent } from '../premium-indicator';
 })
 export class GfSymbolAutocompleteComponent
   extends AbstractMatFormField<LookupItem>
-  implements OnInit, OnDestroy
+  implements  OnDestroy
 {
   @Input() private includeIndices = false;
   @Input() public isLoading = false;