fix(currencyList): add filter currency code.

This commit is contained in:
elforjani3
2021-04-10 13:04:12 +02:00
parent fbe39b8e9d
commit f394390b98

View File

@@ -19,6 +19,17 @@ export default function CurrencyFormFields() {
const { isEditMode } = useCurrencyFormContext(); const { isEditMode } = useCurrencyFormContext();
// Filter currency code
const filterCurrencyCode = (query, currency, _index, exactMatch) => {
const normalizedTitle = currency.name.toLowerCase();
const normalizedQuery = query.toLowerCase();
if (exactMatch) {
return normalizedTitle === normalizedQuery;
} else {
return normalizedTitle.indexOf(normalizedQuery) >= 0;
}
};
return ( return (
<div className={Classes.DIALOG_BODY}> <div className={Classes.DIALOG_BODY}>
<FastField name={'currency_code'}> <FastField name={'currency_code'}>
@@ -27,7 +38,10 @@ export default function CurrencyFormFields() {
field: { value }, field: { value },
meta: { error, touched }, meta: { error, touched },
}) => ( }) => (
<FormGroup label={'Currency code'} className={classNames(CLASSES.FILL, 'form-group--type')}> <FormGroup
label={'Currency code'}
className={classNames(CLASSES.FILL, 'form-group--type')}
>
<ListSelect <ListSelect
items={currenciesOptions} items={currenciesOptions}
selectedItemProp={'currency_code'} selectedItemProp={'currency_code'}
@@ -39,6 +53,7 @@ export default function CurrencyFormFields() {
setFieldValue('currency_name', currency.name); setFieldValue('currency_name', currency.name);
setFieldValue('currency_sign', currency.symbol); setFieldValue('currency_sign', currency.symbol);
}} }}
itemPredicate={filterCurrencyCode}
disabled={isEditMode} disabled={isEditMode}
popoverProps={{ minimal: true }} popoverProps={{ minimal: true }}
/> />