installed redux-thunk and axios. built auth actions

package.json

@@ -36,6 +36,7 @@
   },
   "dependencies": {
     "autoprefixer": "^7.1.2",
+    "axios": "^0.18.0",
     "babel-core": "^6.25.0",
     "babel-eslint": "^7.2.3",
     "babel-loader": "^7.1.1",
@@ -65,6 +66,7 @@
     "reactstrap": "^5.0.0-alpha.4",
     "redux": "^3.7.2",
     "redux-form": "^7.3.0",
+    "redux-thunk": "^2.3.0",
     "sass-loader": "^6.0.6",
     "style-loader": "^0.18.2",
     "url-loader": "^0.5.9",

src/actions/auth.js

@@ -0,0 +1,17 @@
+
+import axios from 'axios';
+
+import { ROOT_URL } from '../config';
+
+export function signUp(fields, success) {
+    console.log(fields);
+    return function(dispatch) {
+        // axios.post(`${ROOT_URL}/signUp`, fields)
+        //     .then(response => {
+        //         //do something with response
+        //     })
+        //     .catch(err => {
+        //         if(err) { console.log(err) }
+        //     })
+    }
+}

src/actions/index.js

@@ -0,0 +1,7 @@
+import {
+    signUp
+} from './auth';
+
+export {
+    signUp
+};

src/components/auth/signup.js

@@ -3,10 +3,15 @@ import React, { Component } from 'react';
 import SignupForm from './signupForm';
 
 class Signup extends Component {
+
+    onSubmit = (fields) => {
+
+    }
+
     render() {
         return (
             <div className='sign-up'>
-                <SignupForm/>
+                <SignupForm onSubmit={(event) => this.onSubmit(event)}/>
             </div>
         )
     }

src/components/auth/signupForm.js

@@ -7,8 +7,11 @@ import TextLink from "../textLink";
 
 class SignupForm extends Component {
   render() {
+
+    const { handleSubmit } = this.props;
+
     return (
-      <form className="sign-up-form">
+      <form onSubmit={handleSubmit} className="sign-up-form">
         <FormTitle className="sign-up-form__title" text="New User" />
         <Field
           className="sign-up-form__fullname"

src/config.js

@@ -0,0 +1 @@
+export const ROOT_URL = 'localhost:3090';