(feat): support boosted onchain label on frontend

src/app/modules/legacy/components/cards/activity/activity.html

@@ -22,9 +22,14 @@
  <a [routerLink]="['/newsfeed', activity.guid]" class="permalink" *ngIf="activity.guid && !activity.remind_object">
  <span>{{activity.time_created * 1000 | date:'medium'}}</span>
  <span *ngIf="activity.edited" class="m-edited-text" i18n="@@M__COMMON__EDITED">edited</span>
- <div class="mdl-card__supporting-text is-boosted" *ngIf="boosted">
+ <div
+ class="mdl-card__supporting-text is-boosted"
+ *ngIf="boosted"
+ [class.is-onchain]="activity.boosted_onchain"
+ >
  <i class="material-icons">trending_up</i>
- <a i18n="@@MINDS__CARDS__ACTIVITY__BOOSTED_LABEL">Boosted</a>
+ <a i18n="@@MINDS__CARDS__ACTIVITY__BOOSTED_LABEL" [hidden]="activity.boosted_onchain">Boosted</a>
+ <a i18n="@@MINDS__CARDS__ACTIVITY__BOOSTED_LABEL_ONCHAIN" [hidden]="!activity.boosted_onchain">Boosted Onchain</a>
  </div>
  <div class="mdl-card__supporting-text is-boosted" *ngIf="isUnlisted()">
  <i class="material-icons unlisted">visibility_off</i>

src/app/modules/legacy/components/cards/cards.scss

@@ -203,6 +203,12 @@ minds-card-image, minds-card-video {
  letter-spacing: 0.75px;
  text-rendering: optimizeLegibility;
  text-overflow: unset;
+ white-space: pre-wrap;
+
+ > * {
+ padding-right: 8px;
+ }
+
  @include m-theme(){
  color: themed($m-grey-400);
  }
@@ -325,7 +331,7 @@ minds-activity.mdl-card, minds-activity, minds-activity-preview{
 
  .m-edited-text {
  text-transform: uppercase;
- padding-left: 8px;
+ padding-right: 8px;
  font-weight: bold;
  letter-spacing: 0.5px;
  }
@@ -448,9 +454,10 @@ minds-activity.mdl-card, minds-activity, minds-activity-preview{
 
  .is-boosted{
  display: inline-block;
+ width: auto;
  font-size: 11px;
  padding: 0;
- padding-left: 8px;
+ padding-right: 8px;
  line-height: 1;
  vertical-align: middle;
  @include m-theme(){
@@ -476,6 +483,18 @@ minds-activity.mdl-card, minds-activity, minds-activity-preview{
  }
  }
 
+ .is-boosted.is-onchain {
+ @include m-theme(){
+ color:themed($m-blue);
+ }
+
+ a {
+ @include m-theme(){
+ color:themed($m-blue);
+ }
+ }
+ }
+
  /**
  * Remind
  */