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 { 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>
); );
} }

View file

@ -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>
); );
} }

View file

@ -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;
}