diff --git a/package.json b/package.json index 1ae2ea4..15a2e25 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,8 @@ "react-dom": "0.14.7", "react-redux": "4.4.0", "redux": "3.3.1", - "redux-form": "~4.2.0" + "redux-form": "~4.2.0", + "redux-thunk": "~2.0.1" }, "devDependencies": { "babel-cli": "6.5.1", diff --git a/src/actions/socketHandlerActions.js b/src/actions/socketHandlerActions.js index 005f442..2bccdaa 100644 --- a/src/actions/socketHandlerActions.js +++ b/src/actions/socketHandlerActions.js @@ -17,7 +17,7 @@ export default { type: SOCKET_SET_ERROR }), - onopen: event => ({ + onopen: event => (dispatch, getState) => ({ type: SOCKET_SET_OPEN }), diff --git a/src/components/ConnectForm.js b/src/components/ConnectForm.js index bc35c25..2b8d2f6 100644 --- a/src/components/ConnectForm.js +++ b/src/components/ConnectForm.js @@ -2,12 +2,12 @@ import React, {PropTypes} from "react"; import {reduxForm} from "redux-form"; import { STATE_CLOSED } from "../constants/socket"; - +import ControlRequest from "../utils/ControlRequest"; const ConnectForm = (props) => { - const { fields: { url }, handleSubmit, socket, socketOpen } = props; + const { fields: { url }, handleSubmit, socket, socketActions } = props; const submit = (values, dispatch) => { - dispatch(socketOpen(values.url)); + dispatch(socketActions.open(values.url)); }; return (