diff --git a/src/components/auth/signinForm.js b/src/components/auth/signinForm.js index ac7efa8..3c724b5 100644 --- a/src/components/auth/signinForm.js +++ b/src/components/auth/signinForm.js @@ -3,10 +3,30 @@ import React, { Component } from 'react'; import { reduxForm, Field } from 'redux-form'; import { FormInput, FormButton } from '../formFields'; +import Details from '../details'; + +import history from '../../history'; class SignInForm extends Component { render() { const { className, handleSubmit } = this.props; + const links = [ + { + _id: 0, + title: 'Not registered? Create account here', + onClick: () => history.push('/signup') + }, + { + _id: 1, + title: 'Forgot account email?', + onClick: () => console.log('forgot email') + }, + { + _id: 2, + title: 'Forgot password?', + onClick: () => console.log('forgot password') + } + ] return (
+
) } diff --git a/src/components/details.js b/src/components/details.js new file mode 100644 index 0000000..0609a97 --- /dev/null +++ b/src/components/details.js @@ -0,0 +1,21 @@ +import React, { Component } from 'react'; + +class Details extends Component { + render() { + const { title, links } = this.props; + return ( +
+
{title}
+
+ { + links.map(link => { + return {link.title} + }) + } +
+
+ ) + } +} + +export default Details; \ No newline at end of file