diff --git a/src/components/SelectAccount/index.js b/src/components/SelectAccount/index.js index 3c1fe001..7e683cd9 100644 --- a/src/components/SelectAccount/index.js +++ b/src/components/SelectAccount/index.js @@ -69,6 +69,9 @@ const RawSelectAccount = ({ accounts, onChange, value, t, ...props }: Props) => renderValue={renderOption} renderOption={renderOption} placeholder={t('app:common.selectAccount')} + noOptionsMessage={({ inputValue }) => + t('app:common.selectAccountNoOption', { accountName: inputValue }) + } onChange={onChange} /> ) diff --git a/src/components/SelectCurrency/index.js b/src/components/SelectCurrency/index.js index 3d23dd91..6c7d9a54 100644 --- a/src/components/SelectCurrency/index.js +++ b/src/components/SelectCurrency/index.js @@ -40,6 +40,9 @@ const SelectCurrency = ({ onChange, value, t, placeholder, currencies, ...props renderValue={renderOption} options={options} placeholder={placeholder || t('app:common.selectCurrency')} + noOptionsMessage={({ inputValue }: { inputValue: string }) => + t('app:common.selectCurrencyNoOption', { currencyName: inputValue }) + } onChange={item => onChange(item ? item.currency : null)} {...props} /> diff --git a/src/components/SelectExchange.js b/src/components/SelectExchange.js index 168d509e..93c76db9 100644 --- a/src/components/SelectExchange.js +++ b/src/components/SelectExchange.js @@ -93,6 +93,10 @@ class SelectExchange extends Component< options={options} onChange={onChange} isLoading={options.length === 0} + placeholder={t('app:common.selectExchange')} + noOptionsMessage={({ inputValue }) => + t('app:common.selectExchangeNoOption', { exchangeName: inputValue }) + } {...props} /> ) diff --git a/src/components/SettingsPage/sections/Display.js b/src/components/SettingsPage/sections/Display.js index 1b3bd457..0a19b62a 100644 --- a/src/components/SettingsPage/sections/Display.js +++ b/src/components/SettingsPage/sections/Display.js @@ -169,7 +169,7 @@ class TabProfile extends PureComponent { to={counterValueCurrency} exchangeId={counterValueExchange} onChange={this.handleChangeExchange} - minWidth={150} + minWidth={200} /> diff --git a/static/i18n/en/app.yml b/static/i18n/en/app.yml index f45ddfe1..000c43a3 100644 --- a/static/i18n/en/app.yml +++ b/static/i18n/en/app.yml @@ -11,7 +11,11 @@ common: chooseWalletPlaceholder: Choose a wallet... currency: Currency selectAccount: Select an account + selectAccountNoOption: 'No account matching "{{accountName}}"' selectCurrency: Select a currency + selectCurrencyNoOption: 'No currency matching "{{currencyName}}"' + selectExchange: Select an exchange + selectExchangeNoOption: 'No exchange matching "{{exchangeName}}"' sortBy: Sort by search: Search save: Save