(feat) Add user state tooltip to token contributions next to reward multiplier - #1858

src/app/modules/wallet/tokens/contributions/overview.component.html

@@ -55,6 +55,9 @@
  <ng-container *ngIf="overview.yourRewardFactor !== null">
  {{ overview.yourRewardFactor | number }}x
  </ng-container>
+ <m-tooltip icon="help">
+ Current User State: <ng-container *ngIf="user.user_state !== null">{{ user.user_state }}</ng-container>
+ </m-tooltip>
  </div>
  </div>
  </div>

src/app/modules/wallet/tokens/contributions/overview.component.scss

@@ -52,5 +52,15 @@
  color: themed($m-grey-900);
  }
  }
+
+ m-tooltip {
+ vertical-align: middle;
+ i {
+ font-size: 12px;
+ @include m-theme() {
+ color: themed($m-grey-500) !important;
+ }
+ }
+ }
  }
 }

src/app/modules/wallet/tokens/contributions/overview.component.ts

@@ -42,6 +42,7 @@ export class WalletTokenContributionsOverviewComponent
  jury_duty: null,
  },
  };
+ user = this.session.getLoggedInUser();
 
  protected updateTimer$;