diff --git a/apps/client/src/app/components/user-account-settings/user-account-settings.component.ts b/apps/client/src/app/components/user-account-settings/user-account-settings.component.ts index 2b5ac46a2..906bbf0c4 100644 --- a/apps/client/src/app/components/user-account-settings/user-account-settings.component.ts +++ b/apps/client/src/app/components/user-account-settings/user-account-settings.component.ts @@ -141,7 +141,7 @@ export class UserAccountSettingsComponent implements OnDestroy, OnInit { public onCloseAccount() { const confirmation = confirm( - $localize`Do you really want to close your account?` + $localize`Do you really want to close your Ghostfolio account?` ); const accessToken = this.deleteOwnUserForm.get('accessToken').value; @@ -149,17 +149,19 @@ export class UserAccountSettingsComponent implements OnDestroy, OnInit { if (confirmation) { this.dataService .deleteOwnUser({ accessToken }) - .pipe(takeUntil(this.unsubscribeSubject)) - .subscribe({ - next: () => { - this.tokenStorageService.signOut(); - this.userService.remove(); - - document.location.href = `/${document.documentElement.lang}`; - }, - error: () => { + .pipe( + catchError(() => { alert($localize`Oops! Incorrect Security Token.`); - } + + return EMPTY; + }), + takeUntil(this.unsubscribeSubject) + ) + .subscribe(() => { + this.tokenStorageService.signOut(); + this.userService.remove(); + + document.location.href = `/${document.documentElement.lang}`; }); } } diff --git a/apps/client/src/app/components/user-account-settings/user-account-settings.html b/apps/client/src/app/components/user-account-settings/user-account-settings.html index 17b13cf94..fff38a588 100644 --- a/apps/client/src/app/components/user-account-settings/user-account-settings.html +++ b/apps/client/src/app/components/user-account-settings/user-account-settings.html @@ -233,63 +233,53 @@ @if (hasPermissionToDeleteOwnUser) { -
- @if (hasPermissionToDeleteOwnUser) { -
-
-
Danger Zone
-
- - Security Token - - - -
-
- -
-
-
+
+ +
+
Danger Zone
+
+ + Security Token + -
+ +
- - } +
+ }
diff --git a/apps/client/src/app/components/user-account-settings/user-account-settings.scss b/apps/client/src/app/components/user-account-settings/user-account-settings.scss index 684f26ec7..22555407a 100644 --- a/apps/client/src/app/components/user-account-settings/user-account-settings.scss +++ b/apps/client/src/app/components/user-account-settings/user-account-settings.scss @@ -15,15 +15,6 @@ font-size: 90%; line-height: 1.2; } - - .danger-zone { - &-text { - color: rgba(var(--palette-warn-500), 1); - } - &-hr { - background-color: rgba(var(--palette-warn-500), 1); - } - } } :host-context(.is-dark-theme) { diff --git a/libs/common/src/lib/permissions.ts b/libs/common/src/lib/permissions.ts index ba4ceab3c..304c8ba24 100644 --- a/libs/common/src/lib/permissions.ts +++ b/libs/common/src/lib/permissions.ts @@ -17,10 +17,10 @@ export const permissions = { deleteAccountBalance: 'deleteAcccountBalance', deleteAuthDevice: 'deleteAuthDevice', deleteOrder: 'deleteOrder', + deleteOwnUser: 'deleteOwnUser', deletePlatform: 'deletePlatform', deleteTag: 'deleteTag', deleteUser: 'deleteUser', - deleteOwnUser: 'deleteOwnUser', enableFearAndGreedIndex: 'enableFearAndGreedIndex', enableImport: 'enableImport', enableBlog: 'enableBlog', @@ -58,10 +58,10 @@ export function getPermissions(aRole: Role): string[] { permissions.deleteAccount, permissions.deleteAuthDevice, permissions.deleteOrder, + permissions.deleteOwnUser, permissions.deletePlatform, permissions.deleteTag, permissions.deleteUser, - permissions.deleteOwnUser, permissions.updateAccount, permissions.updateAuthDevice, permissions.updateOrder,