jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui) - login page SSO opacity and pointer-events issue in SAFARI

Browse source
This commit is contained in:
Shekar Siri 2023-01-23 17:37:03 +01:00
parent 390c1431e3
commit 25e5577c90
1 changed files with 20 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
frontend/app/components/Login/Login.js
View file

@ -14,6 +14,7 @@ const FORGOT_PASSWORD = forgotPassword();
const SIGNUP_ROUTE = signup();
const recaptchaRef = React.createRef();
export default
@connect(
(state, props) => ({
errors: state.getIn(['user', 'loginRequest', 'errors']),
@ -25,7 +26,7 @@ const recaptchaRef = React.createRef();
)
@withPageTitle('Login - OpenReplay')
@withRouter
export default class Login extends React.Component {
class Login extends React.Component {
state = {
email: '',
password: '',
@ -157,25 +158,31 @@ export default class Login extends React.Component {
<div className={cn(stl.sso, 'py-2 flex flex-col items-center')}>
<div className="mb-4">or</div>
<div>
{authDetails.sso ? (
<a href="/api/sso/saml2" rel="noopener noreferrer">
<Button variant="outline" type="submit">
{`Login with SSO ${
authDetails.ssoProvider ? `(${authDetails.ssoProvider})` : ''
}`}
</Button>
</a>
) : (
<Tooltip
delay={0}
disabled={authDetails.sso}
title={<div>This feature requires an enterprise license.</div>}
placement="top"
// open={true}
>
<a
href="/api/sso/saml2"
rel="noopener noreferrer"
className={cn({ 'pointer-events-none opacity-30': !authDetails.sso })}
<Button
variant="outline"
type="submit"
className="pointer-events-none opacity-30"
>
<Button variant="outline" type="submit">
{`Login with SSO ${authDetails.ssoProvider ? `(${authDetails.ssoProvider})` : ''}`}
</Button>
</a>
{`Login with SSO ${
authDetails.ssoProvider ? `(${authDetails.ssoProvider})` : ''
}`}
</Button>
</Tooltip>
</div>
)}
</div>
</div>
</div>