diff --git a/web/app/assets/javascripts/react-components/StripeConnect.js.jsx.coffee b/web/app/assets/javascripts/react-components/StripeConnect.js.jsx.coffee
index e05dd6d82..955ba64f9 100644
--- a/web/app/assets/javascripts/react-components/StripeConnect.js.jsx.coffee
+++ b/web/app/assets/javascripts/react-components/StripeConnect.js.jsx.coffee
@@ -12,6 +12,9 @@ UserStore = context.UserStore
clicked:false
}
+ openBrowser: () ->
+ context.JK.popExternalLink("https://www.jamkazam.com/client#/jamclass")
+
onStripeConnect: (e) ->
if this.state.clicked
@@ -19,6 +22,21 @@ UserStore = context.UserStore
e.preventDefault()
+ if window.jamClient.IsNativeClient()
+ buttons = []
+ buttons.push({name: 'CLOSE', buttonStyle: 'button-grey'})
+ buttons.push({
+ name: 'OPEN BROWSER',
+ buttonStyle: 'button-orange',
+ click: (() => (@openBrowser()))
+ })
+ context.JK.Banner.show({
+ title: "Browser Needed",
+ html: "You must connect to Stripe in a normal browser.
Please select the OPEN BROWSER button to open this page in your system browser.",
+ buttons: buttons
+ })
+ return
+
this.setState({clicked: true})
StripeActions.connect(this.props.purpose, this.props.user)