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 + ) } ) : (