signup link

This commit is contained in:
Shekar Siri 2021-05-06 14:01:15 +05:30
parent dc0aa0902b
commit c994ccbc84
3 changed files with 3 additions and 28 deletions

View file

@ -55,7 +55,6 @@ const ONBOARDING_PATH = routes.onboarding();
const jwt = state.get('jwt'); const jwt = state.get('jwt');
const changePassword = state.getIn([ 'user', 'account', 'changePassword' ]); const changePassword = state.getIn([ 'user', 'account', 'changePassword' ]);
const userInfoLoading = state.getIn([ 'user', 'fetchUserInfoRequest', 'loading' ]); const userInfoLoading = state.getIn([ 'user', 'fetchUserInfoRequest', 'loading' ]);
// const fetchingTenants = state.get('user', 'fetchTenantsRequest', 'loading');
return { return {
jwt, jwt,
siteId, siteId,

View file

@ -15,6 +15,7 @@ const recaptchaRef = React.createRef();
state => ({ state => ({
errors: state.getIn([ 'user', 'loginRequest', 'errors' ]), errors: state.getIn([ 'user', 'loginRequest', 'errors' ]),
loading: state.getIn([ 'user', 'loginRequest', 'loading' ]), loading: state.getIn([ 'user', 'loginRequest', 'loading' ]),
tenants: state.getIn(['user', 'tenants'])
}), }),
{ login, }, { login, },
) )
@ -44,7 +45,7 @@ export default class Login extends React.Component {
write = ({ target: { value, name } }) => this.setState({ [ name ]: value }) write = ({ target: { value, name } }) => this.setState({ [ name ]: value })
render() { render() {
const { errors, loading } = this.props; const { errors, loading, tenants } = this.props;
return ( return (
<div className="flex" style={{ height: '100vh'}}> <div className="flex" style={{ height: '100vh'}}>
<div className={cn("w-6/12", stl.left)}> <div className={cn("w-6/12", stl.left)}>
@ -62,7 +63,7 @@ export default class Login extends React.Component {
<form onSubmit={ this.onSubmit }> <form onSubmit={ this.onSubmit }>
<div className="mb-8"> <div className="mb-8">
<h2 className="text-center text-3xl mb-6">Login to OpenReplay</h2> <h2 className="text-center text-3xl mb-6">Login to OpenReplay</h2>
<div className="text-center text-xl">Don't have an a Account? <span className="link"><Link to={ SIGNUP_ROUTE }>Sign up</Link></span></div> { tenants.length === 0 && <div className="text-center text-xl">Don't have an a Account? <span className="link"><Link to={ SIGNUP_ROUTE }>Sign up</Link></span></div> }
</div> </div>
<Loader loading={ loading }> <Loader loading={ loading }>
{ window.ENV.CAPTCHA_ENABLED && ( { window.ENV.CAPTCHA_ENABLED && (

View file

@ -38,31 +38,6 @@ export default class Signup extends React.Component {
</div> </div>
</div> </div>
</div> </div>
<div className={cn(stl.bottom, 'absolute bottom-0 w-full py-16 px-20 color-white')}>
<div className="text-4xl mb-10">Want to self-host?</div>
<div className="flex items-start">
<div className="mr-4">
<Icon name="cloud-fog2-fill" size="26" color="white" />
</div>
<div className="text-left">
<div className="text-xl font-bold">Private Cloud</div>
<div className="text-lg">Managed deployments, maximum scalability</div>
</div>
</div>
<div className="border-b bg-white my-6 opacity-25" />
<div className="flex items-start">
<div className="mr-4">
<Icon name="integrations/github" size="26" color="white" />
</div>
<div className="text-left">
<div className="text-xl font-bold">Open source</div>
<div className="text-lg">Deploy on your own infrastructure. Free forever.</div>
</div>
</div>
</div>
</div> </div>
<div className="w-6/12 flex items-center justify-center"> <div className="w-6/12 flex items-center justify-center">
<div className=""> <div className="">