From a14963892f3b1c4e3b2c614d80bde120ac5f7e0f Mon Sep 17 00:00:00 2001
From: Anthony <contact@anthonymayfield.com>
Date: Mon, 23 Aug 2021 19:52:56 +0200
Subject: [PATCH] finish button links

---
 ui/component/txoList/view.jsx           |  2 +-
 ui/component/walletFiatBalance/view.jsx |  3 ++-
 ui/page/settingsStripeAccount/view.jsx  | 17 ++++++++++-------
 ui/page/settingsStripeCard/view.jsx     |  2 +-
 ui/scss/component/_txo-list.scss        |  2 +-
 5 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/ui/component/txoList/view.jsx b/ui/component/txoList/view.jsx
index e47a3d7f5..f87b79f9c 100644
--- a/ui/component/txoList/view.jsx
+++ b/ui/component/txoList/view.jsx
@@ -291,7 +291,7 @@ function TxoList(props: Props) {
   return (
     <Card
       title={
-        <><div className="table__header-text">{__(`Transactions`)}</div>
+        <><div className="table__header-text txo__table_header">{__(`Transactions`)}</div>
           <div className="txo__radios_container">
             <fieldset-section style={{display: 'inline'}} className="txo__radios_fieldset">
               {/* toggle between LBC and fiat buttons */}
diff --git a/ui/component/walletFiatBalance/view.jsx b/ui/component/walletFiatBalance/view.jsx
index f8bfc874f..a4ef1bb28 100644
--- a/ui/component/walletFiatBalance/view.jsx
+++ b/ui/component/walletFiatBalance/view.jsx
@@ -62,7 +62,8 @@ const WalletBalance = () => {
           </h2>
 
           <div className="section__actions">
-            <Button button="secondary" label={__('Account Configuration')} icon={ICONS.SETTINGS} navigate={`/$/${PAGES.SETTINGS_STRIPE_ACCOUNT}`} />
+            <Button button="secondary" label={__('Bank Accounts')} icon={ICONS.SETTINGS} navigate={`/$/${PAGES.SETTINGS_STRIPE_ACCOUNT}`} />
+            <Button button="secondary" label={__('Payment Methods')} icon={ICONS.SETTINGS} navigate={`/$/${PAGES.SETTINGS_STRIPE_CARD}`} />
           </div>
         </>
       }
diff --git a/ui/page/settingsStripeAccount/view.jsx b/ui/page/settingsStripeAccount/view.jsx
index f91caaf57..c0a73b7d8 100644
--- a/ui/page/settingsStripeAccount/view.jsx
+++ b/ui/page/settingsStripeAccount/view.jsx
@@ -275,7 +275,8 @@ class StripeAccountConnection extends React.Component<Props, State> {
               )}
             </div>
           }
-          actions={
+          // only show additional buttons if its for additional verification or to show transaction page
+          actions={(stillRequiringVerification || accountConfirmed) &&
             <>
               {stillRequiringVerification && (
                 <Button
@@ -286,12 +287,14 @@ class StripeAccountConnection extends React.Component<Props, State> {
                   className="stripe__complete-verification-button"
                 />
               )}
-              <Button
-                button="secondary"
-                label={__('View Transactions')}
-                icon={ICONS.SETTINGS}
-                navigate={`/$/${PAGES.WALLET}?tab=fiat-payment-history`}
-              />
+              {accountConfirmed && (
+                <Button
+                  button="secondary"
+                  label={__('View Transactions')}
+                  icon={ICONS.SETTINGS}
+                  navigate={`/$/${PAGES.WALLET}?fiatType=incoming&tab=fiat-payment-history&currency=fiat`}
+                />
+              )}
             </>
           }
         />
diff --git a/ui/page/settingsStripeCard/view.jsx b/ui/page/settingsStripeCard/view.jsx
index 7c1903ab9..aba7e166e 100644
--- a/ui/page/settingsStripeCard/view.jsx
+++ b/ui/page/settingsStripeCard/view.jsx
@@ -420,7 +420,7 @@ class SettingsStripeCard extends React.Component<Props, State> {
                   button="primary"
                   label={__('View Transactions')}
                   icon={ICONS.SETTINGS}
-                  navigate={`/$/${PAGES.WALLET}?tab=fiat-account-history`}
+                  navigate={`/$/${PAGES.WALLET}?fiatType=outgoing&tab=fiat-payment-history&currency=fiat`}
                 />
               }
             />
diff --git a/ui/scss/component/_txo-list.scss b/ui/scss/component/_txo-list.scss
index 943e3a85d..0f41612e6 100644
--- a/ui/scss/component/_txo-list.scss
+++ b/ui/scss/component/_txo-list.scss
@@ -11,7 +11,7 @@
   }
 }
 
-.table__header-text {
+.txo__table_header {
   width: 124px;
   display: inline-block;
 }