patch revert some of Epoch refactor

src/components/Epochs.js

@@ -7,25 +7,22 @@ import { render } from 'react-dom';
 
 
 const Epochs = ({epochs, errors, dispatch}) => {
-  const handleEvent = func => e => {
-    e.preventDefault();
-    return func;
-  }
-
-  const addEpoch = e => handleEvent(() => {
+  const addEpoch = e => {
+    e.preventDefault()
     let index = epochs.length + 1;
     dispatch({
       type: 'ADD_EPOCH',
       value: {name: `epoch ${index}`}
     })
-    })(e)
+  }
 
-  const removeEpoch = e => handleEvent(
+  const removeEpoch = (e, epochName) => {
+    e.preventDefault()
     dispatch({
       type: 'REMOVE_EPOCH',
       value: {name: epochName}
-    })
-  )(e);
+    });
+  }
 
   const updateEpoch = (epoch, epochIndex) => {
     const dispatchValue = {

src/components/Latl.js

@@ -3,12 +3,22 @@ import './Latl.scss';
 
 const Latl = ({latl, dispatch}) => {
   const { innerWidth, innerHeight } = window;
-  console.log(innerWidth, innerHeight)
+  
+  const handleChange = e => {
+    console.log(e.target.value)
+    const setLatlAction = {
+      type: 'SET_LATL',
+      value: e.target.value
+    }
+    dispatch(setLatlAction)
+  }
+
   return (  
     <div className="Latl">
       <h3>.LATL</h3>
       <textarea name="latl" id="latl" 
-      cols={'' + Math.floor(innerWidth / 15)} rows={'' + Math.floor(innerHeight / 30)}
+        cols={'' + Math.floor(innerWidth / 15)} rows={'' + Math.floor(innerHeight / 30)}
+        onChange={e => dispatch({type:'SET_LATL', value: e.target.value})}
       />
     </div>
   );

src/reducers/reducer.latl.js

@@ -1,5 +1,6 @@
 
 
 export const setLatl = (state, action) => {
-  return {...state};
+  let latl = action.value;
+  return {...state, latl};
 }

src/reducers/reducer.latl.test.js

@@ -6,7 +6,7 @@ describe('LATL', () => {
     const state = initState();
     const action = {
       type: 'SET_LATL',
-      value: {}
+      value: ''
     }
     const returnedState = stateReducer(state, action)
     expect(returnedState).toStrictEqual(state);