Refactor account page to user account page (#2235)

* Refactor account page to user account page

apps/client/src/app/app-routing.module.ts

@@ -21,8 +21,8 @@ const routes: Routes = [
   {
     path: 'account',
     loadChildren: () =>
-      import('./pages/account/account-page.module').then(
+      import('./pages/user-account/user-account-page.module').then(
-        (m) => m.AccountPageModule
+        (m) => m.UserAccountPageModule
       )
   },
   {

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

@@ -2,12 +2,12 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
 
-import { AccountPageComponent } from './account-page.component';
+import { UserAccountPageComponent } from './user-account-page.component';
 
 const routes: Routes = [
   {
     canActivate: [AuthGuard],
-    component: AccountPageComponent,
+    component: UserAccountPageComponent,
     path: '',
     title: $localize`My Ghostfolio`
   }
@@ -17,4 +17,4 @@ const routes: Routes = [
   imports: [RouterModule.forChild(routes)],
   exports: [RouterModule]
 })
-export class AccountPageRoutingModule {}
+export class UserAccountPageRoutingModule {}

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

@@ -24,6 +24,7 @@ import { WebAuthnService } from '@ghostfolio/client/services/web-authn.service';
 import { downloadAsFile, getDateFormatString } from '@ghostfolio/common/helper';
 import { Access, User } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
+import { format, parseISO } from 'date-fns';
 import { uniq } from 'lodash';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { StripeService } from 'ngx-stripe';
@@ -31,15 +32,14 @@ import { EMPTY, Subject } from 'rxjs';
 import { catchError, switchMap, takeUntil } from 'rxjs/operators';
 
 import { CreateOrUpdateAccessDialog } from './create-or-update-access-dialog/create-or-update-access-dialog.component';
-import { format, parseISO } from 'date-fns';
 
 @Component({
   host: { class: 'page' },
-  selector: 'gf-account-page',
+  selector: 'gf-user-account-page',
-  styleUrls: ['./account-page.scss'],
+  styleUrls: ['./user-account-page.scss'],
-  templateUrl: './account-page.html'
+  templateUrl: './user-account-page.html'
 })
-export class AccountPageComponent implements OnDestroy, OnInit {
+export class UserAccountPageComponent implements OnDestroy, OnInit {
   @ViewChild('toggleSignInWithFingerprintEnabledElement')
   signInWithFingerprintElement: MatCheckbox;
 

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

@@ -12,14 +12,13 @@ import { GfPortfolioAccessTableModule } from '@ghostfolio/client/components/acce
 import { GfPremiumIndicatorModule } from '@ghostfolio/ui/premium-indicator';
 import { GfValueModule } from '@ghostfolio/ui/value';
 
-import { AccountPageRoutingModule } from './account-page-routing.module';
-import { AccountPageComponent } from './account-page.component';
 import { GfCreateOrUpdateAccessDialogModule } from './create-or-update-access-dialog/create-or-update-access-dialog.module';
+import { UserAccountPageRoutingModule } from './user-account-page-routing.module';
+import { UserAccountPageComponent } from './user-account-page.component';
 
 @NgModule({
-  declarations: [AccountPageComponent],
+  declarations: [UserAccountPageComponent],
   imports: [
-    AccountPageRoutingModule,
     CommonModule,
     FormsModule,
     GfCreateOrUpdateAccessDialogModule,
@@ -33,7 +32,8 @@ import { GfCreateOrUpdateAccessDialogModule } from './create-or-update-access-di
     MatFormFieldModule,
     MatSelectModule,
     ReactiveFormsModule,
-    RouterModule
+    RouterModule,
+    UserAccountPageRoutingModule
   ]
 })
-export class AccountPageModule {}
+export class UserAccountPageModule {}