diff --git a/client/settings/connect-stripe-account/index.js b/client/settings/connect-stripe-account/index.js
index 5e18c114f2..2dee5ef09a 100644
--- a/client/settings/connect-stripe-account/index.js
+++ b/client/settings/connect-stripe-account/index.js
@@ -7,6 +7,7 @@ import CardBody from '../card-body';
import StripeBanner from 'wcstripe/components/stripe-banner';
import { recordEvent } from 'wcstripe/tracking';
import InlineNotice from 'wcstripe/components/inline-notice';
+import Tooltip from 'wcstripe/components/tooltip';
const CardWrapper = styled( Card )`
max-width: 560px;
@@ -58,6 +59,32 @@ const ConnectStripeAccount = ( { oauthUrl, oauthTestUrl } ) => {
window.location.assign( oauthTestUrl );
};
+ const connectButton = (
+
+ );
+
+ const connectTestButton = (
+
+ );
+
return (
@@ -95,26 +122,32 @@ const ConnectStripeAccount = ( { oauthUrl, oauthTestUrl } ) => {
} ) }
) }
- { oauthUrl ? (
+ { oauthUrl || oauthTestUrl ? (
-
-
+ { ! oauthUrl ? (
+
+ { connectButton }
+
+ ) : (
+ connectButton
+ ) }
+ { ! oauthTestUrl ? (
+
+ { connectTestButton }
+
+ ) : (
+ connectTestButton
+ ) }
) : (