almost ready for refactor

ui/component/txoList/view.jsx

@@ -373,6 +373,7 @@ function TxoList(props: Props) {
         </div>
         // fiat section
         : <div>
+          <div className="section card-stack">
             <div className="card__body-actions">
               <div className="card__actions">
                 {/*<div>*/}
@@ -458,6 +459,7 @@ function TxoList(props: Props) {
             { fiatType === 'outgoing' && <WalletFiatPaymentHistory transactions={[]} /> }
             <Paginate totalPages={Math.ceil(txoItemCount / Number(pageSize))} />
           </div>
+        </div>
       }
 
     />

ui/component/walletFiatAccountHistory/view.jsx

@@ -26,10 +26,6 @@ const WalletBalance = (props: Props) => {
   }
 
   return (
-    <><Card
-      title={'Tip History'}
-      body={(
-          <>
     <div className="table__wrapper">
       <table className="table table--transactions">
         <thead>
@@ -78,10 +74,7 @@ const WalletBalance = (props: Props) => {
       </table>
       {!accountTransactions && <p style={{textAlign: 'center', marginTop: '20px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Transactions</p>}
     </div>
-          </>
+
-      )}
-    />
-  </>
   );
 };
 

ui/component/walletFiatPaymentHistory/view.jsx

@@ -53,9 +53,6 @@ const WalletBalance = (props: Props) => {
   return (
     <>
       <div className="section card-stack">
-        <Card
-          body={
-            <>
         <div className="table__wrapper">
           <table className="table table--transactions">
             <thead>
@@ -102,9 +99,6 @@ const WalletBalance = (props: Props) => {
           </table>
           {(!accountTransactions || accountTransactions.length === 0) && <p style={{textAlign: 'center', marginTop: '20px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Transactions</p>}
         </div>
-            </>
-          }
-        />
       </div>
   </>
   );

ui/page/wallet/view.jsx

@@ -164,7 +164,7 @@ const WalletPage = (props: Props) => {
             <Tab>{__('Balance')}</Tab>
             <Tab>{__('Transactions')}</Tab>
             <Tab>{__('Subscriptions')}</Tab>
-            <Tab>{__('Analytics')}</Tab>
+            {/*<Tab>{__('Analytics')}</Tab>*/}
           </TabList>
           <TabPanels>
             <TabPanel>
@@ -196,13 +196,7 @@ const WalletPage = (props: Props) => {
             </TabPanel>
             <TabPanel>
               <div className="section card-stack">
-                <WalletFiatPaymentHistory transactions={customerTransactions} />
+                <h1> Coming soon! </h1>
-                <WalletFiatAccountHistory transactions={accountTransactionResponse} />
-              </div>
-            </TabPanel>
-            <TabPanel>
-              <div className="section card-stack">
-                <WalletFiatPaymentHistory transactions={customerTransactions} />
               </div>
             </TabPanel>
           </TabPanels>