diff --git a/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.ts b/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.ts index 9e341037a4..e64893ce90 100644 --- a/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.ts +++ b/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.ts @@ -56,6 +56,7 @@ export class GfUserDetailDialogComponent implements OnInit { protected readonly baseCurrency: string; protected readonly canDeleteUser = canDeleteUser; protected readonly getCountryName = getCountryName; + protected isLoading = true; protected readonly subscriptionsDataSource = new MatTableDataSource(); protected readonly subscriptionsDisplayedColumns = [ @@ -101,6 +102,8 @@ export class GfUserDetailDialogComponent implements OnInit { this.subscriptionsDataSource.data = this.user.subscriptions ?? []; + this.isLoading = false; + this.changeDetectorRef.markForCheck(); }); } diff --git a/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html b/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html index e2cdb66a56..b77e0043e8 100644 --- a/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html +++ b/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html @@ -36,12 +36,14 @@ i18n size="medium" [enableCopyToClipboardButton]="true" - [value]="user?.id" + [value]="isLoading ? undefined : user.id" >User ID
- Role + Role
@@ -52,7 +54,7 @@ size="medium" [isDate]="true" [locale]="data.locale" - [value]="user?.createdAt" + [value]="isLoading ? undefined : user.createdAt" >Registration Date @@ -61,7 +63,7 @@ i18n size="medium" [locale]="data.locale" - [value]="user?.provider" + [value]="isLoading ? undefined : user.provider" >Authentication @@ -74,7 +76,9 @@ i18n size="medium" [locale]="data.locale" - [value]="user?.subscription ? 'Premium' : 'Basic'" + [value]=" + isLoading ? undefined : user.subscription ? 'Premium' : 'Basic' + " >Membership @@ -83,7 +87,11 @@ i18n size="medium" [value]=" - user?.country ? getCountryName({ code: user.country }) : '-' + isLoading + ? undefined + : user.country + ? getCountryName({ code: user.country }) + : '-' " >Country @@ -97,7 +105,7 @@ i18n size="medium" [locale]="data.locale" - [value]="user?.accountCount" + [value]="isLoading ? undefined : user.accountCount" >Accounts @@ -106,7 +114,7 @@ i18n size="medium" [locale]="data.locale" - [value]="user?.activityCount" + [value]="isLoading ? undefined : user.activityCount" >Activities @@ -120,7 +128,7 @@ size="medium" [locale]="data.locale" [precision]="0" - [value]="user?.engagement" + [value]="isLoading ? undefined : user.engagement" >Engagement per Day @@ -129,7 +137,7 @@ i18n size="medium" [locale]="data.locale" - [value]="user?.dailyApiRequests" + [value]="isLoading ? undefined : user.dailyApiRequests" >API Requests Today