add cancel button to login and signup forms

This commit is contained in:
catarak 2016-09-02 17:37:34 -04:00
parent 1d86d766d9
commit d9d7dfa39f
3 changed files with 8 additions and 0 deletions

View File

@ -3,6 +3,7 @@ import { reduxForm } from 'redux-form';
import { validateAndLoginUser } from '../actions';
import LoginForm from '../components/LoginForm';
import GithubButton from '../components/GithubButton';
import { Link } from 'react-router';
function LoginView(props) {
@ -12,6 +13,7 @@ function LoginView(props) {
<LoginForm {...props} />
<h2 className="login__divider">Or</h2>
<GithubButton buttonText="Login with Github" />
<Link className="form__cancel-button" to="/">Cancel</Link>
</div>
);
}

View File

@ -4,12 +4,14 @@ import * as UserActions from '../actions';
import { reduxForm } from 'redux-form';
import SignupForm from '../components/SignupForm';
import axios from 'axios';
import { Link } from 'react-router';
function SignupView(props) {
return (
<div className="signup">
<h1>Sign Up</h1>
<SignupForm {...props} />
<Link to="/">Cancel</Link>
</div>
);
}

View File

@ -4,4 +4,8 @@
color: $console-error-color;
width: #{300 / $base-font-size}rem;
font-size: #{12 / $base-font-size}rem;
}
.form__cancel-button {
margin-top: #{10 / $base-font-size}rem;
}