built the details component for quicklinks

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 (
             <form onSubmit={handleSubmit} className={`${className} sign-in-form`}>
                 <Field className='sign-in-form__email'
@@ -28,6 +48,7 @@ class SignInForm extends Component {
                 title='Login'
                 name='login'
                 component={FormButton}/>
+                <Details className='sign-in-form__details' title='QuickLinks' links={links}/>
             </form>
         )
     }

src/components/details.js

@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+
+class Details extends Component {
+    render() {
+        const { title, links } = this.props;
+        return (
+            <div className='details'>
+                <div className='details__title'>{title}</div>
+                <div className='details__links'>
+                    {
+                        links.map(link => {
+                            return <a key={link._id} onClick={link.onClick} className='details__link'>{link.title}</a>
+                        })
+                    }
+                </div>
+            </div>
+        )
+    }
+}
+
+export default Details;