[FIX] Translations for App Select Settings not working (#23908)

murtaza98 · web-flow · commit 8c0a6c5fcd65 · 2021-12-09T23:40:20.000+05:30
diff --git a/client/views/admin/apps/AppSetting.js b/client/views/admin/apps/AppSetting.js
@@ -46,6 +46,22 @@ function AppSetting({ appSetting, onChange, value, ...props }) {
 		[i18nDescription, tApp],
 	);
 
+	let translatedValues;
+	if (values?.length) {
+		translatedValues = values.map((selectFieldEntry) => {
+			const { key, i18nLabel } = selectFieldEntry;
+
+			if (!i18nLabel) {
+				return selectFieldEntry;
+			}
+
+			return {
+				key,
+				i18nLabel: tApp(i18nLabel),
+			};
+		});
+	}
+
 	return (
 		<MemoizedSetting
 			type={type}
@@ -54,7 +70,7 @@ function AppSetting({ appSetting, onChange, value, ...props }) {
 			value={value}
 			onChangeValue={onChange}
 			_id={id}
-			values={values}
+			values={translatedValues}
 			{...props}
 		/>
 	);
