hook input on LatlOutput to dispatch function

src/components/LatlOutput.js

@@ -2,6 +2,34 @@ import React from 'react';
 import './LatlOutput.scss';
 
 const LatlOutput = ({results, options, dispatch}) => {
+  const handleClick = e => dispatchFunc => {
+    e.preventDefault()
+    return dispatchFunc();
+  }
+
+  const dispatchClear = () => {
+    const clearAction = {
+      type: 'CLEAR',
+      value: {}
+    }
+    dispatch(clearAction)
+  }
+
+  const dispatchParse = () => {
+    const parseAction = {
+      type: 'PARSE_LATL',
+      value: {}
+    }
+    dispatch(parseAction)
+  }
+
+  const dispatchRun = () => {
+    const runAction = {
+      type: 'RUN',
+      value: {}
+    }
+    dispatch(runAction)
+  }
 
   return (
     <div className="LatlOutput">
@@ -10,7 +38,7 @@ const LatlOutput = ({results, options, dispatch}) => {
         <input 
           className="form form--remove"
           type="submit"
-          onClick={e=>{e.preventDefault()}}
+          onClick={e=>handleClick(e)(dispatchClear)}
           value="Clear"
           />
 
@@ -19,7 +47,7 @@ const LatlOutput = ({results, options, dispatch}) => {
           name="Parse"
           className="form form--add"
           type="submit"
-          onClick={e=>{e.preventDefault()}}
+          onClick={e=>handleClick(e)(dispatchParse)}
           value="Parse"
           />
         
@@ -28,7 +56,7 @@ const LatlOutput = ({results, options, dispatch}) => {
           name="Run"
           className="form form--add"
           type="submit"
-          onClick={e=>{e.preventDefault()}}
+          onClick={e=>handleClick(e)(dispatchRun)}
           value="Run"
         />
       </form>