diff --git a/client/src/components/AccountsMultiSelect.js b/client/src/components/AccountsMultiSelect.js index 071211e5f..726bd7f18 100644 --- a/client/src/components/AccountsMultiSelect.js +++ b/client/src/components/AccountsMultiSelect.js @@ -56,7 +56,7 @@ export default function AccountsMultiSelect({ accounts, onAccountSelected }) { return ( } + noResults={} />} itemRenderer={accountItem} popoverProps={{ minimal: true }} filterable={true} diff --git a/client/src/components/AppIntlLoader.js b/client/src/components/AppIntlLoader.js index 03f4251c4..fdd533325 100644 --- a/client/src/components/AppIntlLoader.js +++ b/client/src/components/AppIntlLoader.js @@ -1,5 +1,6 @@ import React from 'react'; import moment from 'moment'; +import { setLocale } from 'yup'; import intl from 'react-intl-universal'; import { find } from 'lodash'; import rtlDetect from 'rtl-detect'; @@ -32,6 +33,10 @@ function loadLocales(currentLocale) { return import(`../lang/${currentLocale}/index.json`); } +function loadYupLocales(currentLocale) { + return import(`../lang/${currentLocale}/locale`); +} + /** * Modifies the html document direction to RTl if it was rtl-language. */ @@ -74,6 +79,14 @@ export default function AppIntlLoader({ children }) { }); }, [currentLocale, setIsLoading]); + React.useEffect(() => { + loadYupLocales(currentLocale) + .then(({ locale }) => { + setLocale(locale); + }) + .then(() => {}); + }, [currentLocale]); + return ( {children} diff --git a/client/src/components/ContactSelecetList.js b/client/src/components/ContactSelecetList.js index 8dfeb32f6..02f301fbe 100644 --- a/client/src/components/ContactSelecetList.js +++ b/client/src/components/ContactSelecetList.js @@ -1,5 +1,7 @@ import React, { useCallback, useState, useEffect, useMemo } from 'react'; import { FormattedMessage as T } from 'components'; +import intl from 'react-intl-universal'; + import { MenuItem, Button } from '@blueprintjs/core'; import { Select } from '@blueprintjs/select'; import classNames from 'classnames'; @@ -14,7 +16,7 @@ export default function ContactSelecetList({ onContactSelected, popoverFill = false, disabled = false, - buttonProps + buttonProps, }) { const contacts = useMemo( () => @@ -79,7 +81,7 @@ export default function ContactSelecetList({ return (