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) {