add cancel button to login and signup forms
This commit is contained in:
parent
1d86d766d9
commit
d9d7dfa39f
3 changed files with 8 additions and 0 deletions
|
@ -3,6 +3,7 @@ import { reduxForm } from 'redux-form';
|
||||||
import { validateAndLoginUser } from '../actions';
|
import { validateAndLoginUser } from '../actions';
|
||||||
import LoginForm from '../components/LoginForm';
|
import LoginForm from '../components/LoginForm';
|
||||||
import GithubButton from '../components/GithubButton';
|
import GithubButton from '../components/GithubButton';
|
||||||
|
import { Link } from 'react-router';
|
||||||
|
|
||||||
|
|
||||||
function LoginView(props) {
|
function LoginView(props) {
|
||||||
|
@ -12,6 +13,7 @@ function LoginView(props) {
|
||||||
<LoginForm {...props} />
|
<LoginForm {...props} />
|
||||||
<h2 className="login__divider">Or</h2>
|
<h2 className="login__divider">Or</h2>
|
||||||
<GithubButton buttonText="Login with Github" />
|
<GithubButton buttonText="Login with Github" />
|
||||||
|
<Link className="form__cancel-button" to="/">Cancel</Link>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,12 +4,14 @@ import * as UserActions from '../actions';
|
||||||
import { reduxForm } from 'redux-form';
|
import { reduxForm } from 'redux-form';
|
||||||
import SignupForm from '../components/SignupForm';
|
import SignupForm from '../components/SignupForm';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
|
import { Link } from 'react-router';
|
||||||
|
|
||||||
function SignupView(props) {
|
function SignupView(props) {
|
||||||
return (
|
return (
|
||||||
<div className="signup">
|
<div className="signup">
|
||||||
<h1>Sign Up</h1>
|
<h1>Sign Up</h1>
|
||||||
<SignupForm {...props} />
|
<SignupForm {...props} />
|
||||||
|
<Link to="/">Cancel</Link>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -5,3 +5,7 @@
|
||||||
width: #{300 / $base-font-size}rem;
|
width: #{300 / $base-font-size}rem;
|
||||||
font-size: #{12 / $base-font-size}rem;
|
font-size: #{12 / $base-font-size}rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form__cancel-button {
|
||||||
|
margin-top: #{10 / $base-font-size}rem;
|
||||||
|
}
|
Loading…
Reference in a new issue