(feat): add list of features to boost payment options - closes #1494

src/app/modules/boost/creator/creator.component.html

@@ -175,6 +175,7 @@
 
  <!-- Submit -->
  <section class="m-boost--creator-section m-boost--creator-section-submit"
+ [class.m-boost--creator-section-submit--network]="boost.type != 'p2p'"
  (mouseenter)="showErrors()"
  *ngIf="step >= 1 || (boost.currency !== 'usd' && boost.currency !== 'creditcard')"
  >

src/app/modules/boost/creator/creator.component.scss

@@ -382,6 +382,12 @@
  }
  }
 
+ .m-boost--creator-section-submit--network {
+ @media screen and (min-width: 780px) {
+ margin-top: -56px; //-72px once onchain badges ready
+ }
+ }
+
  .m-boost--creator--submit {
  display: flex;
  justify-content: flex-start;

src/app/modules/boost/creator/payment-methods/payment-methods.component.html

@@ -5,7 +5,7 @@
  (click)="setBoostCurrency('onchain')"
  [class.m-boost--creator-selector--highlight]="!boost.currency || boost.currency == 'onchain'"
  >
- <i class="material-icons m-boost--creator--payment-method--icon">check_circle</i>
+ <i class="material-icons m-boost--creator--payment-method--icon">link</i>
  <h5>
  <span i18n="@@M__COMMON__ONCHAIN">OnChain</span>
  <m-tooltip icon="help" i18n="@@BOOST__CREATOR__PAYMENT_METHODS__ONCHAIN_DESC">
@@ -36,6 +36,13 @@
  </ng-container>
  </span>
 
+ <ul class="m-boostCreatorSelector__bullets">
+ <li>Max 10k per boost</li>
+ <li>Stored on the blockchain</li>
+ <li>Stand out in the feeds</li>
+ <li *ngIf="false">Gain "OnChain" badge</li>
+ </ul>
+
  <span class="m-boost--creator-selector--selected-label" i18n="@@M__COMMON__SELECTED">Selected</span>
  </li>
 
@@ -70,6 +77,13 @@
  </ng-container>
  </span>
 
+ <ul class="m-boostCreatorSelector__bullets">
+ <li>Max 5k per boost</li>
+ <li>Stored on Minds servers</li>
+ <li>No transaction fee</li>
+ <li *ngIf="false" style="list-style:none">&nbsp;</li>
+ </ul>
+
  <span class="m-boost--creator-selector--selected-label" i18n="@@M__COMMON__SELECTED">Selected</span>
  </li>
 
@@ -111,7 +125,4 @@
  <span class="m-boost--creator-selector--selected-label" i18n="@@M__COMMON__SELECTED">Selected</span>
  </li>
 
- <li class="m-layout--spacer"
- *ngIf="boost.type === 'p2p'"
- ></li>
 </ul>

src/app/modules/boost/creator/payment-methods/payment-methods.component.scss

@@ -46,3 +46,15 @@ m-boost--creator-payment-methods {
  }
 
 }
+
+.m-boostCreatorSelector__bullets {
+ padding-left: 16px;
+ list-style: disc;
+
+ li { 
+ font-size: 10px;
+ line-height: 16px;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility; 
+ }
+}