From 7af8079a2a4977f06b5751dde66e6a26e775678f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9rgio=20Salgado?= Date: Tue, 16 Mar 2021 13:28:38 +0000 Subject: [PATCH] feat: crypto dropdown should stay open when editing commissions --- .../src/components/inputs/base/Autocomplete.js | 1 + .../src/components/inputs/formik/Autocomplete.js | 6 +++++- new-lamassu-admin/src/pages/Commissions/helper.js | 3 ++- 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/new-lamassu-admin/src/components/inputs/base/Autocomplete.js b/new-lamassu-admin/src/components/inputs/base/Autocomplete.js index 5b71c0cf..996fb909 100644 --- a/new-lamassu-admin/src/components/inputs/base/Autocomplete.js +++ b/new-lamassu-admin/src/components/inputs/base/Autocomplete.js @@ -14,6 +14,7 @@ const Autocomplete = ({ multiple, onChange, labelProp, + shouldStayOpen, value: outsideValue, error, fullWidth, diff --git a/new-lamassu-admin/src/components/inputs/formik/Autocomplete.js b/new-lamassu-admin/src/components/inputs/formik/Autocomplete.js index 8b9efb3c..6355e10e 100644 --- a/new-lamassu-admin/src/components/inputs/formik/Autocomplete.js +++ b/new-lamassu-admin/src/components/inputs/formik/Autocomplete.js @@ -21,6 +21,7 @@ const AutocompleteFormik = ({ options, onChange, ...props }) => { } const onChangeHandler = value => setFieldValue(name, value) + const shouldStayOpen = !!props.shouldStayOpen return ( { if (!props.multiple) return setOpen(true) setOpen(value?.length !== props.limit) }} - onClose={() => setOpen(false)} + onClose={(event, reason) => { + if (shouldStayOpen && reason !== 'blur') setOpen(true) + else setOpen(false) + }} {...props} /> ) diff --git a/new-lamassu-admin/src/pages/Commissions/helper.js b/new-lamassu-admin/src/pages/Commissions/helper.js index d7a75025..df490800 100644 --- a/new-lamassu-admin/src/pages/Commissions/helper.js +++ b/new-lamassu-admin/src/pages/Commissions/helper.js @@ -103,7 +103,8 @@ const getOverridesFields = (getData, currency, auxElements) => { valueProp: 'code', labelProp: 'display', multiple: true, - onChange: onCryptoChange + onChange: onCryptoChange, + shouldStayOpen: true } }, {