Hide ADA symbol in the "Amount" field on send ADA form when handling …

…tokens
vacuumlabs · Feb 25, 2021 · 5118a4b · 5118a4b
1 parent 25b967f
commit 5118a4b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/app/frontend/components/pages/sendAda/confirmTransactionDialog.tsx b/app/frontend/components/pages/sendAda/confirmTransactionDialog.tsx
@@ -75,6 +75,7 @@ class ConfirmTransactionDialogClass extends Component<Props, {}> {
                 {sendAddress}
                 {txConfirmType === 'crossAccount' && <AddressVerification address={sendAddress} />}
               </div>
+              {/* TODO: Hide ADA symbol when handling tokens */}
               <div className="ada-label">Amount</div>
               <div className="review-amount">{printAda(summary.amount)}</div>
             </Fragment>
@@ -136,6 +137,7 @@ class ConfirmTransactionDialogClass extends Component<Props, {}> {
           )}
           <div className="ada-label">Fee</div>
           <div className="review-fee">{printAda(summary.fee as Lovelace)}</div>
+          {/* TODO: Hide ADA symbol when handling tokens */}
           <div className="ada-label">Total</div>
           <div className="review-total">{printAda(total)}</div>
         </div>

diff --git a/app/frontend/components/pages/sendAda/sendAdaPage.tsx b/app/frontend/components/pages/sendAda/sendAdaPage.tsx
@@ -220,7 +220,10 @@ class SendAdaPage extends Component<Props> {
           searchPlaceholder={`Search from ${dropdownAssetItems.length} assets by name or hash`}
         />
         <div className="send-values">
-          <label className="ada-label amount" htmlFor={`${isModal ? 'account' : ''}send-amount`}>
+          <label
+            className={`ada-label amount ${selectedAsset.isToken ? 'token' : ''}`}
+            htmlFor={`${isModal ? 'account' : ''}send-amount`}
+          >
             Amount
           </label>
           <div className="input-wrapper">

diff --git a/app/public/css/styles.css b/app/public/css/styles.css
@@ -3479,7 +3479,7 @@ input:checked + .slider:before {
   line-height: 32px;
 }
 
-.ada-label:not(.donation)::after {
+.ada-label:not(.token)::after {
   content: '';
   position: absolute;
   width: 9px;