Improve login page.

master
Tom Hacohen 7 years ago
parent c73aabf0cc
commit 76dd2327cd

@ -122,7 +122,6 @@ class LoginForm extends React.Component {
return ( return (
<Fragment> <Fragment>
{(this.props.error) && (<div>Error! {this.props.error.message}</div>)} {(this.props.error) && (<div>Error! {this.props.error.message}</div>)}
<h2>Please Log In</h2>
<form style={styles.form} onSubmit={this.generateEncryption}> <form style={styles.form} onSubmit={this.generateEncryption}>
<TextField <TextField
type="email" type="email"

@ -8,6 +8,8 @@ import LoginForm from './LoginForm';
import { store, StoreState, CredentialsType, fetchCredentials } from './store'; import { store, StoreState, CredentialsType, fetchCredentials } from './store';
import * as C from './Constants';
class Root extends React.Component { class Root extends React.Component {
props: { props: {
credentials: CredentialsType; credentials: CredentialsType;
@ -30,15 +32,23 @@ class Root extends React.Component {
maxWidth: 400, maxWidth: 400,
padding: 20, padding: 20,
}, },
isSafe: {
marginTop: 20,
textDecoration: 'none',
},
}; };
return ( return (
<Paper zDepth={2} style={style.holder}> <Paper zDepth={2} style={style.holder}>
<h2>Please Log In</h2>
<LoginForm <LoginForm
onSubmit={this.onFormSubmit} onSubmit={this.onFormSubmit}
error={this.props.credentials.error} error={this.props.credentials.error}
loading={this.props.credentials.fetching} loading={this.props.credentials.fetching}
/> />
<div style={style.isSafe}>
<a style={style.isSafe} href={C.faq + '#web-client'}>Is the web client safe to use?</a>
</div>
</Paper> </Paper>
); );
} }

Loading…
Cancel
Save