skip walletTxInfo tabs render

react/src/components/dashboard/walletsTxInfo/walletsTxInfo.render.js

@@ -22,7 +22,7 @@ const WalletsTxInfoRender = function(txInfo) {
                   </li>
 
                   { this.isNativeMode() &&
-                    <li className={ this.state.activeTab === 1 ? 'hide active' : '' }>
+                    <li className={ this.state.activeTab === 1 ? 'hide active' : 'hide' }>
                       <a onClick={ () => this.openTab(1) }>
                         <i className="icon md-plus-square"></i>Vjointsplits, Details
                       </a>
@@ -30,7 +30,7 @@ const WalletsTxInfoRender = function(txInfo) {
                   }
 
                   { this.isNativeMode() &&
-                    <li className={ this.state.activeTab === 2 ? 'hide active' : '' }>
+                    <li className={ this.state.activeTab === 2 ? 'hide active' : 'hide' }>
                       <a onClick={ () => this.openTab(2) }>
                         <i className="icon wb-briefcase"></i>Hex
                       </a>
@@ -45,7 +45,8 @@ const WalletsTxInfoRender = function(txInfo) {
                 </ul>
                 <div className="panel-body">
                   <div className="tab-content">
-                    <div className={ 'tab-pane' + (this.state.activeTab === 0 ? ' active' : '') }>
+                    { this.state.activeTab === 0 &&
+                      <div className="tab-pane active">
                         <table className="table table-striped">
                           <tbody>
                             <tr>
@@ -72,25 +73,28 @@ const WalletsTxInfoRender = function(txInfo) {
                                 { txInfo.confirmations }
                               </td>
                             </tr>
+                            { txInfo.blockhash &&
                               <tr>
                                 <td>blockhash</td>
                                 <td>
                                   { txInfo.blockhash }
                                 </td>
                               </tr>
+                            }
+                            { (txInfo.blocktime || txInfo.timestamp) &&
                               <tr>
                                 <td>blocktime</td>
                                 <td>
                                   { secondsToString(txInfo.blocktime || txInfo.timestamp) }
                                 </td>
                               </tr>
+                            }
                             <tr>
                               <td>txid</td>
                               <td>
                                 { txInfo.txid }
                               </td>
                             </tr>
-
                             { this.isNativeMode() &&
                               <tr>
                                 <td>walletconflicts</td>
@@ -99,7 +103,6 @@ const WalletsTxInfoRender = function(txInfo) {
                                 </td>
                               </tr>
                             }
-
                             { this.isNativeMode() &&
                               <tr>
                                 <td>time</td>
@@ -108,7 +111,6 @@ const WalletsTxInfoRender = function(txInfo) {
                                 </td>
                               </tr>
                             }
-
                             { this.isNativeMode() &&
                               <tr>
                                 <td>timereceived</td>
@@ -120,8 +122,9 @@ const WalletsTxInfoRender = function(txInfo) {
                           </tbody>
                         </table>
                       </div>
-
+                    }
-                    <div className={ 'tab-pane' + (this.state.activeTab === 1 ? ' active' : '') }>
+                    { this.state.activeTab === 1 &&
+                      <div className="tab-pane active">
                         <table className="table table-striped">
                           <tbody>
                           <tr>
@@ -139,7 +142,9 @@ const WalletsTxInfoRender = function(txInfo) {
                           </tbody>
                         </table>
                       </div>
-                    <div className={ 'tab-pane' + (this.state.activeTab === 2 ? ' active' : '') }>
+                    }
+                    { this.state.activeTab === 2 &&
+                      <div className="tab-pane active">
                         <textarea
                           className="full-width height-170"
                           rows="10"
@@ -147,8 +152,9 @@ const WalletsTxInfoRender = function(txInfo) {
                           defaultValue={ txInfo.hex }
                           disabled></textarea>
                       </div>
-
+                    }
-                    <div className={ 'tab-pane' + (this.state.activeTab === 3 ? ' active' : '') }>
+                    { this.state.activeTab === 3 &&
+                      <div className="tab-pane active">
                         <textarea
                           className="full-width height-400"
                           rows="40"
@@ -156,6 +162,7 @@ const WalletsTxInfoRender = function(txInfo) {
                           defaultValue={ JSON.stringify(txInfo, null, '\t') }
                           disabled></textarea>
                       </div>
+                    }
                   </div>
                 </div>
               </div>