[pwa] extract initial todo title form url

Author: AntipovAndrey

pwa/package-lock.json

@@ -7,6 +7,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.2",
     "gh-pages": "^2.0.1",
+    "query-string": "^6.2.0",
     "react": "^16.8.1",
     "react-dom": "^16.8.1",
     "react-redux": "^6.0.0",

pwa/package.json

@@ -34,21 +34,29 @@ const renderTodoTextField = ({input, ...other}) => (
     {...other}/>
 );
 
+const onSubmit = (addTodo, reset, formValues) => {
+  addTodo(formValues.todo);
+  reset();
+};
+
 const AddTodo = ({addTodo, classes, handleSubmit, reset}) => {
+  const onFormSubmit = onSubmit.bind(null, addTodo, reset);
   return (
-    <form className={classes.form} onSubmit={handleSubmit(formValues => {
-      if (formValues.todo) {
-        addTodo(formValues.todo);
-        reset();
-      }
-    })}>
-      <Field name="todo"
-             className={classes.textField}
-             component={renderTodoTextField}/>
+    <form className={classes.form} onSubmit={handleSubmit(onFormSubmit)}>
+      <Field name="todo" className={classes.textField} component={renderTodoTextField}/>
     </form>
   );
 };
 
-export default connect(null, {addTodo})(reduxForm({
-  form: 'addTodo'
-})(withStyles(styles)(AddTodo)));
+const styledAddTodo = withStyles(styles)(AddTodo);
+
+const reduxFormAddTodo = reduxForm({
+  form: 'addTodo',
+  enableReinitialize: true
+})(styledAddTodo);
+
+const mapStateToPropsForm = state => ({
+  initialValues: {todo: state.onetimeParameters.todo}
+});
+
+export default connect(mapStateToPropsForm, {addTodo})(reduxFormAddTodo);

pwa/src/components/AddTodo.js

@@ -17,6 +17,7 @@ const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
 const persistConfig = {
   key: 'root',
   storage,
+  whitelist: ['todo']
 };
 
 const store = createStore(persistReducer(persistConfig, reducers), composeEnhancers());

pwa/src/index.js

@@ -2,8 +2,10 @@ import {combineReducers} from 'redux';
 import {reducer as formReducer} from 'redux-form';
 
 import todoReducer from './todoReducer';
+import oneTimeParametersReducer from './oneTimeParametersReducer';
 
 export default combineReducers({
   todo: todoReducer,
   form: formReducer,
+  onetimeParameters: oneTimeParametersReducer
 });

pwa/src/reducers/index.js

@@ -0,0 +1,14 @@
+import queryString from 'query-string'
+
+import {ADD_TODO} from '../actions/types';
+
+const INITIAL_STATE = {todo: queryString.parse(document.location.search).todo};
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case ADD_TODO:
+      return {...state, todo: null};
+    default:
+      return state;
+  }
+};