hook input on LatlOutput to dispatch function
This commit is contained in:
parent
49419a39ee
commit
4ee5bc0f78
1 changed files with 31 additions and 3 deletions
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue