Task/rename show access token to user account registration dialog component (#5539)

* Rename show access token to user account registration dialog component

* Update changelog

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Renamed the show access token dialog component to user account registration dialog component
 - Refreshed the cryptocurrencies list
 
 ### Fixed

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

@@ -18,8 +18,8 @@ import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
-import { ShowAccessTokenDialogParams } from './show-access-token-dialog/interfaces/interfaces';
+import { UserAccountRegistrationDialogParams } from './user-account-registration-dialog/interfaces/interfaces';
-import { GfShowAccessTokenDialogComponent } from './show-access-token-dialog/show-access-token-dialog.component';
+import { GfUserAccountRegistrationDialogComponent } from './user-account-registration-dialog/user-account-registration-dialog.component';
 
 @Component({
   host: { class: 'page' },
@@ -84,15 +84,18 @@ export class GfRegisterPageComponent implements OnDestroy, OnInit {
   }
 
   public openShowAccessTokenDialog() {
-    const dialogRef = this.dialog.open(GfShowAccessTokenDialogComponent, {
+    const dialogRef = this.dialog.open(
-      data: {
+      GfUserAccountRegistrationDialogComponent,
-        deviceType: this.deviceType,
+      {
-        needsToAcceptTermsOfService: this.hasPermissionForSubscription
+        data: {
-      } as ShowAccessTokenDialogParams,
+          deviceType: this.deviceType,
-      disableClose: true,
+          needsToAcceptTermsOfService: this.hasPermissionForSubscription
-      height: this.deviceType === 'mobile' ? '98vh' : undefined,
+        } as UserAccountRegistrationDialogParams,
-      width: this.deviceType === 'mobile' ? '100vw' : '30rem'
+        disableClose: true,
-    });
+        height: this.deviceType === 'mobile' ? '98vh' : undefined,
+        width: this.deviceType === 'mobile' ? '100vw' : '30rem'
+      }
+    );
 
     dialogRef
       .afterClosed()

apps/client/src/app/pages/register/show-access-token-dialog/interfaces/interfaces.ts → apps/client/src/app/pages/register/user-account-registration-dialog/interfaces/interfaces.ts

@@ -1,4 +1,4 @@
-export interface ShowAccessTokenDialogParams {
+export interface UserAccountRegistrationDialogParams {
   deviceType: string;
   needsToAcceptTermsOfService: boolean;
 }

apps/client/src/app/pages/register/show-access-token-dialog/show-access-token-dialog.component.ts → apps/client/src/app/pages/register/user-account-registration-dialog/user-account-registration-dialog.component.ts

@@ -30,7 +30,7 @@ import {
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
-import { ShowAccessTokenDialogParams } from './interfaces/interfaces';
+import { UserAccountRegistrationDialogParams } from './interfaces/interfaces';
 
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -50,11 +50,11 @@ import { ShowAccessTokenDialogParams } from './interfaces/interfaces';
     TextFieldModule
   ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  selector: 'gf-show-access-token-dialog',
+  selector: 'gf-user-account-registration-dialog',
-  styleUrls: ['./show-access-token-dialog.scss'],
+  styleUrls: ['./user-account-registration-dialog.scss'],
-  templateUrl: 'show-access-token-dialog.html'
+  templateUrl: 'user-account-registration-dialog.html'
 })
-export class GfShowAccessTokenDialogComponent {
+export class GfUserAccountRegistrationDialogComponent {
   @ViewChild(MatStepper) stepper!: MatStepper;
 
   public accessToken: string;
@@ -69,7 +69,7 @@ export class GfShowAccessTokenDialogComponent {
 
   public constructor(
     private changeDetectorRef: ChangeDetectorRef,
-    @Inject(MAT_DIALOG_DATA) public data: ShowAccessTokenDialogParams,
+    @Inject(MAT_DIALOG_DATA) public data: UserAccountRegistrationDialogParams,
     private dataService: DataService
   ) {
     addIcons({ arrowForwardOutline, checkmarkOutline, copyOutline });