fix: newline & clear all line in ExpenseFormEntries.

This commit is contained in:
elforjani3
2020-12-01 20:32:37 +02:00
parent 88b360b2ac
commit 9c1edace50
2 changed files with 16 additions and 5 deletions

View File

@@ -1,9 +1,11 @@
import { FastField } from 'formik';
import React from 'react';
import ExpenseFormEntries from './ExpenseFormEntries';
import { orderingLinesIndexes, repeatValue } from 'utils';
export default function ExpenseFormEntriesField({
defaultRow,
linesNumber = 4,
}) {
return (
<FastField name={'categories'}>
@@ -12,10 +14,19 @@ export default function ExpenseFormEntriesField({
entries={value}
error={error}
onChange={(entries) => {
form.setFieldValue('categories', entries)
form.setFieldValue('categories', entries);
}}
onClickAddNewRow={() => {
form.setFieldValue('categories', [...value, defaultRow]);
}}
onClickClearAllLines={() => {
form.setFieldValue(
'categories',
orderingLinesIndexes([...repeatValue(defaultRow, linesNumber)])
);
}}
/>
)}
</FastField>
)
}
);
}