hook options to Options render
This commit is contained in:
parent
2c98a28624
commit
77ebc5e1b9
4 changed files with 14 additions and 9 deletions
|
@ -124,10 +124,8 @@ const PhonoChangeApplier = () => {
|
|||
<div className="PhonoChangeApplier" data-testid="PhonoChangeApplier">
|
||||
<ProtoLang lexicon={state.lexicon} dispatch={dispatch}/>
|
||||
<Features phones={state.phones} features={state.features} dispatch={dispatch}/>
|
||||
<Epochs epochs={state.epochs} dispatch={dispatch}
|
||||
// setEpochs={setEpochs}
|
||||
/>
|
||||
<Options options={options} setOptions={setOptions} runChanges={runChanges}/>
|
||||
<Epochs epochs={state.epochs} dispatch={dispatch} />
|
||||
<Options options={state.options} dispatch={dispatch}/>
|
||||
<Output results={results} setResults={setResults}/>
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -6,17 +6,22 @@ const Options = props => {
|
|||
const [ load, setLoad ] = useState('');
|
||||
|
||||
const handleRadioChange = e => {
|
||||
props.setOptions({...props.options, [e.target.name]: e.target.id})
|
||||
// props.setOptions({...props.options, [e.target.name]: e.target.id})
|
||||
}
|
||||
|
||||
const handleCheckChange = e => {
|
||||
props.setOptions({...props.options, [e.target.name]: e.target.checked})
|
||||
// props.setOptions({...props.options, [e.target.name]: e.target.checked})
|
||||
}
|
||||
|
||||
const handleFormSubmit = e => {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="Options" data-testid="Options">
|
||||
<h3>Modeling Options</h3>
|
||||
|
||||
<form onSubmit={e=>props.runChanges(e)} data-testid="Options-form">
|
||||
<form onSubmit={e=>handleFormSubmit(e)} data-testid="Options-form">
|
||||
|
||||
{/* <h5>Output</h5> */}
|
||||
|
||||
|
|
|
@ -57,7 +57,9 @@ export const initState = (changesArgument: number = -1): stateType => {
|
|||
}
|
||||
}
|
||||
},
|
||||
options: {},
|
||||
options: {
|
||||
output: 'default', save: false
|
||||
},
|
||||
results: {},
|
||||
errors: {},
|
||||
features: {},
|
||||
|
|
|
@ -14,7 +14,7 @@ export type stateType = {
|
|||
lexicon: Array<{lexeme: string, epoch: epochType}>,
|
||||
epochs: Array<epochType>,
|
||||
phones: {[key: string]: phoneType},
|
||||
options: {},
|
||||
options: {output: string, save: boolean},
|
||||
results: {},
|
||||
errors: {},
|
||||
features: featureType
|
||||
|
|
Loading…
Reference in a new issue