Fix missing txoList when balance is 0 (PR_1459)

ui/component/yrblWalletEmpty/index.js

@@ -1,9 +1,9 @@
 import { connect } from 'react-redux';
 import { selectBalance } from 'redux/selectors/wallet';
-import Wallet from './view';
+import YrblWalletEmpty from './view';
 
 const select = (state) => ({
   balance: selectBalance(state),
 });
 
-export default connect(select, {})(Wallet);
+export default connect(select)(YrblWalletEmpty);

ui/component/yrblWalletEmpty/view.jsx

@@ -13,7 +13,7 @@ type Props = {
   type?: string,
   actions?: Node,
 };
-export default function YrblHelp(props: Props) {
+export default function YrblWalletEmpty(props: Props) {
   const { includeWalletLink = false, type = 'sad' } = props;
 
   return (

ui/page/wallet/view.jsx

@@ -64,7 +64,6 @@ const WalletPage = (props: Props) => {
     }
     push(url);
   }
-
   // @endif
 
   const { totalBalance } = props;
@@ -89,22 +88,17 @@ const WalletPage = (props: Props) => {
             <TabPanel>
               <div className="section card-stack">
                 <div className="lbc-transactions">
-                  {/* if the transactions are loading */}
                   {loading && (
                     <div className="main--empty">
                       <Spinner delayed />
                     </div>
                   )}
-                  {/* when the transactions are finished loading */}
                   {!loading && (
                     <>
-                      {showIntro ? (
+                      {showIntro && <YrblWalletEmpty includeWalletLink />}
-                        <YrblWalletEmpty includeWalletLink />
+                      <div className="card-stack">
-                      ) : (
+                        <TxoList search={search} />
-                        <div className="card-stack">
+                      </div>
-                          <TxoList search={search} />
-                        </div>
-                      )}
                     </>
                   )}
                 </div>