diff --git a/frontend/src/Components/Form/HintedSelectInputOption.js b/frontend/src/Components/Form/HintedSelectInputOption.js index 65e5fdfc9..4f59fc0a4 100644 --- a/frontend/src/Components/Form/HintedSelectInputOption.js +++ b/frontend/src/Components/Form/HintedSelectInputOption.js @@ -33,7 +33,7 @@ function HintedSelectInputOption(props) { isMobile && styles.isMobile )} > -
{value}
+
{typeof value === 'function' ? value() : value}
{ hint != null && @@ -48,7 +48,7 @@ function HintedSelectInputOption(props) { HintedSelectInputOption.propTypes = { id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired, - value: PropTypes.string.isRequired, + value: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired, hint: PropTypes.node, depth: PropTypes.number, isSelected: PropTypes.bool.isRequired, diff --git a/frontend/src/Search/QueryParameterModal.js b/frontend/src/Search/QueryParameterModal.js index 863ccc003..cd7b8e191 100644 --- a/frontend/src/Search/QueryParameterModal.js +++ b/frontend/src/Search/QueryParameterModal.js @@ -14,11 +14,11 @@ import QueryParameterOption from './QueryParameterOption'; import styles from './QueryParameterModal.css'; const searchOptions = [ - { key: 'search', value: translate('BasicSearch') }, - { key: 'tvsearch', value: translate('TvSearch') }, - { key: 'movie', value: translate('MovieSearch') }, - { key: 'music', value: translate( 'AudioSearch') }, - { key: 'book', value: translate('BookSearch') } + { key: 'search', value: () => translate('BasicSearch') }, + { key: 'tvsearch', value: () => translate('TvSearch') }, + { key: 'movie', value: () => translate('MovieSearch') }, + { key: 'music', value: () => translate( 'AudioSearch') }, + { key: 'book', value: () => translate('BookSearch') } ]; const seriesTokens = [ diff --git a/frontend/src/Settings/Applications/Applications/EditApplicationModalContent.js b/frontend/src/Settings/Applications/Applications/EditApplicationModalContent.js index ee1822610..88ad57076 100644 --- a/frontend/src/Settings/Applications/Applications/EditApplicationModalContent.js +++ b/frontend/src/Settings/Applications/Applications/EditApplicationModalContent.js @@ -19,9 +19,24 @@ import translate from 'Utilities/String/translate'; import styles from './EditApplicationModalContent.css'; const syncLevelOptions = [ - { key: 'disabled', value: translate('Disabled') }, - { key: 'addOnly', value: translate('AddRemoveOnly') }, - { key: 'fullSync', value: translate('FullSync') } + { + key: 'disabled', + get value() { + return translate('Disabled'); + } + }, + { + key: 'addOnly', + get value() { + return translate('AddRemoveOnly'); + } + }, + { + key: 'fullSync', + get value() { + return translate('FullSync'); + } + } ]; function EditApplicationModalContent(props) {