(feat): show errors in pro settings when saving

src/app/modules/pro/settings/settings.component.html

@@ -369,6 +369,13 @@
  </ng-template>
  </ng-container>
 
+ <div
+ class="m-pro--settings--error"
+ *ngIf="!!error"
+ >
+ {{ error }}
+ </div>
+
  <div
  class="m-pro--settings--field m-pro--settings--field-actions"
  *ngIf="currentTab !== 'cancel'"

src/app/modules/pro/settings/settings.component.scss

@@ -132,4 +132,12 @@
  .m-pro--settings--field-spinner {
  margin-left: 0.65em;
  }
+
+ .m-pro--settings--error {
+ margin: 16px 0;
+ font-size: 20px;
+ @include m-theme() {
+ color: themed($m-red);
+ }
+ }
 }

src/app/modules/pro/settings/settings.component.ts

@@ -34,6 +34,8 @@ export class ProSettingsComponent implements OnInit, OnDestroy {
 
  user: string | null = null;
 
+ error: string;
+
  protected param$: Subscription;
 
  constructor(
@@ -83,7 +85,11 @@ export class ProSettingsComponent implements OnInit, OnDestroy {
  this.inProgress = true;
  this.detectChanges();
 
- await this.service.set(this.settings, this.user);
+ try {
+ await this.service.set(this.settings, this.user);
+ } catch (e) {
+ this.error = e.message;
+ }
 
  this.saved = true;
  this.inProgress = false;