67 lines
1.7 KiB
JavaScript
67 lines
1.7 KiB
JavaScript
import React, {useEffect, useState} from 'react';
|
|
import {connect} from 'react-redux';
|
|
import DeckPicker from './view/deck-picker';
|
|
import {Form, Container, Item} from 'native-base';
|
|
import {checkAnkiLanModelForExisting} from '../actions/anki-get-actions';
|
|
import InputWord from './view/translatable-word';
|
|
import SubmitButton from './Form/submit-button';
|
|
import {wordInfo} from '../actions/api/dictionary';
|
|
import FieldEditor from './Form/field-editor';
|
|
import FieldList from './Form/field-list';
|
|
|
|
const AnkiForm = props => {
|
|
const [target, setTarget] = useState('');
|
|
const [fields, setFields] = useState({});
|
|
const [submitted, setSubmitted] = useState(true);
|
|
useEffect(() => {
|
|
// props.wordInfo('Urge');
|
|
// props.wordInfo('Maze');
|
|
// props.wordInfo('Ramification');
|
|
// props.wordInfo('Dare');
|
|
// props.wordInfo('Entrepreneurship');
|
|
// props.wordInfo('meagre');
|
|
// props.wordInfo('meager');
|
|
}, []);
|
|
const getWord = word => {
|
|
setTarget(word);
|
|
};
|
|
const submit = () => {
|
|
props.wordInfo(target);
|
|
setSubmitted(true);
|
|
};
|
|
|
|
return (
|
|
<Container style={{padding: 20}}>
|
|
<Form>
|
|
<DeckPicker />
|
|
<InputWord word={getWord} onSubmit={submit} />
|
|
{submitted ? (
|
|
// <FieldEditor
|
|
// data={{
|
|
// type: 'part of speech',
|
|
// values: ['1', '2', '3','5',],
|
|
// }}
|
|
// />
|
|
<FieldList/>
|
|
) : (
|
|
<SubmitButton onSubmit={submit} />
|
|
)}
|
|
</Form>
|
|
</Container>
|
|
);
|
|
};
|
|
|
|
export default connect(
|
|
state => ({
|
|
ankiLanModelExists: state.anki.ankiLanModelIsAlreadyExists,
|
|
modelName: state.anki.ankiLanModelName,
|
|
modelList: state.anki.modelList,
|
|
creator: state.anki.noteCreator,
|
|
data: state
|
|
}),
|
|
{
|
|
checkAnkiLanModelForExisting,
|
|
wordInfo,
|
|
},
|
|
)(AnkiForm);
|