Show "None" when funds empty in Tx detail

components/dataViews/TransactionInfo/TxMsgCreateVestingAccountDetails.tsx

@@ -20,7 +20,7 @@ const TxMsgCreateVestingAccountDetails = ({ msgValue }: TxMsgCreateVestingAccoun
       </li>
       <li>
         <label>Amount:</label>
-        <div>{printableCoins(msgValue.amount, chain)}</div>
+        <div>{printableCoins(msgValue.amount, chain) || "None"}</div>
       </li>
       <li>
         <label>From:</label>

components/dataViews/TransactionInfo/TxMsgExecuteContractDetails.tsx

@@ -43,7 +43,7 @@ const TxMsgExecuteContractDetails = ({ msgValue }: TxMsgExecuteContractDetailsPr
       </li>
       <li>
         <label>Funds:</label>
-        <div>{printableCoins(msgValue.funds, chain)}</div>
+        <div>{printableCoins(msgValue.funds, chain) || "None"}</div>
       </li>
       {parseError ? (
         <li className="parse-error">

components/dataViews/TransactionInfo/TxMsgInstantiateContract2Details.tsx

@@ -59,7 +59,7 @@ const TxMsgInstantiateContract2Details = ({ msgValue }: TxMsgInstantiateContract
       </li>
       <li>
         <label>Funds:</label>
-        <div>{printableCoins(msgValue.funds, chain)}</div>
+        <div>{printableCoins(msgValue.funds, chain) || "None"}</div>
       </li>
       {parseError ? (
         <li className="parse-error">

components/dataViews/TransactionInfo/TxMsgInstantiateContractDetails.tsx

@@ -55,7 +55,7 @@ const TxMsgInstantiateContractDetails = ({ msgValue }: TxMsgInstantiateContractD
       </li>
       <li>
         <label>Funds:</label>
-        <div>{printableCoins(msgValue.funds, chain)}</div>
+        <div>{printableCoins(msgValue.funds, chain) || "None"}</div>
       </li>
       {parseError ? (
         <li className="parse-error">

components/dataViews/TransactionInfo/TxMsgSendDetails.tsx

@@ -17,7 +17,7 @@ const TxMsgSendDetails = ({ msgValue }: TxMsgSendDetailsProps) => {
       </li>
       <li>
         <label>Amount:</label>
-        <div>{printableCoins(msgValue.amount, chain)}</div>
+        <div>{printableCoins(msgValue.amount, chain) || "None"}</div>
       </li>
       <li>
         <label>To:</label>

components/dataViews/TransactionInfo/index.tsx

@@ -68,7 +68,7 @@ const TransactionInfo = ({ tx }: TransactionInfoProps) => {
                 </li>
                 <li>
                   <label>Fee:</label>
-                  <div>{printableCoins(tx.fee.amount, chain)}</div>
+                  <div>{printableCoins(tx.fee.amount, chain) || "None"}</div>
                 </li>
               </>
             ) : null}