/**
* Language selector component.
* @module components/LanguageSelector/LanguageSelector
*/
import React from 'react';
import PropTypes from 'prop-types';
import { Link } from 'react-router-dom';
import { useSelector } from 'react-redux';
import cx from 'classnames';
import find from 'lodash/find';
import map from 'lodash/map';
import Helmet from '@plone/volto/helpers/Helmet/Helmet';
import langmap from '@plone/volto/helpers/LanguageMap/LanguageMap';
import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
import { toReactIntlLang } from '@plone/volto/helpers/Utils/Utils';
import config from '@plone/volto/registry';
import { defineMessages, useIntl } from 'react-intl';
const messages = defineMessages({
switchLanguageTo: {
id: 'Switch to',
defaultMessage: 'Switch to',
},
});
const LanguageSelector = (props) => {
const intl = useIntl();
const currentLang = useSelector((state) => state.intl.locale);
const translations = useSelector(
(state) => state.content.data?.['@components']?.translations?.items,
);
const { settings } = config;
return settings.isMultilingual ? (
{map(settings.supportedLanguages, (lang) => {
const translation = find(translations, { language: lang });
return (
{
props.onClickAction();
}}
key={`language-selector-${lang}`}
>
{langmap[lang].nativeName}
);
})}
) : (
);
};
LanguageSelector.propTypes = {
onClickAction: PropTypes.func,
};
LanguageSelector.defaultProps = {
onClickAction: () => {},
};
export default LanguageSelector;