Dispatch action after Stream creation

src/actions/apis/streams.js

@@ -1,5 +1,5 @@
 import axios from "axios";
 
 export default axios.create({
-  baseURL: "https://localhost:3002",
+  baseURL: "http://localhost:3002",
 });

src/actions/index.js

@@ -14,5 +14,6 @@ export const signOut = () => {
 };
 
 export const createStream = (formValues) => async (dispatch) => {
-  streams.post("/streams", formValues);
+  const response = await streams.post("/streams", formValues);
+  dispatch({ type: "CREATE_STREAM", payload: response.data });
 };

src/components/streams/StreamCreate.js

@@ -32,10 +32,11 @@ class StreamCreate extends React.Component {
     );
   };
 
-  onSubmit(formValues) {
-    console.log(formValues);
+  onSubmit = (formValues) => {
+    //console.log(formValues);
     //formValues.preventDefault();
-  }
+    this.props.createStream(formValues);
+  };
   render() {
     //console.log(this.props);
     return (
@@ -66,7 +67,14 @@ const validate = (formValues) => {
   return errors;
 };
 
-export default reduxForm({
+// export default reduxForm({
+//   form: "streamCreate",
+//   validate,
+// })(StreamCreate);
+
+const formWrapped = reduxForm({
   form: "streamCreate",
   validate,
 })(StreamCreate);
+
+export default connect(null, { createStream })(formWrapped);

src/index.js

@@ -4,9 +4,13 @@ import App from "./components/App";
 import { Provider } from "react-redux";
 import { createStore, applyMiddleware, compose } from "redux";
 import reducers from "./reducers";
+import reduxThunk from "redux-thunk";
 
 const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
-const store = createStore(reducers, composeEnhancers(applyMiddleware()));
+const store = createStore(
+  reducers,
+  composeEnhancers(applyMiddleware(reduxThunk))
+);
 
 ReactDOM.render(
   <Provider store={store}>