diff --git a/Composer/packages/client/src/pages/setting/app-settings/AppSettings.tsx b/Composer/packages/client/src/pages/setting/app-settings/AppSettings.tsx index 48850b6b89..9dd045849b 100644 --- a/Composer/packages/client/src/pages/setting/app-settings/AppSettings.tsx +++ b/Composer/packages/client/src/pages/setting/app-settings/AppSettings.tsx @@ -50,7 +50,27 @@ const AppSettings: React.FC = () => { const renderElectronSettings = isElectron(); - const languageOptions = [{ key: 'en-US', text: formatMessage('English (US)') }]; + const languageOptions = [ + { key: 'en-US', text: 'English (US)' }, + { key: 'cs', text: 'Čeština‎ Czech' }, //Czech + { key: 'de', text: 'Deutsch‎' }, //German + { key: 'es', text: 'Español‎' }, //Spanish + { key: 'fr', text: 'Français‎' }, //French + { key: 'hu', text: 'Magyar‎' }, //Hungarian + { key: 'it', text: 'Italiano‎' }, //Italian + { key: 'ja', text: '日本語‎' }, //Japanese + { key: 'ko', text: '한국어‎' }, //Korean + { key: 'nl', text: 'Nederlands‎' }, //Dutch (Netherlands) + { key: 'pl', text: 'Polski‎' }, //Polish + { key: 'pt-BR', text: 'Português (Brasil)‎' }, //Portuguese (Brazil) + { key: 'pt-PT', text: 'Português (Portugal)‎' }, //Portuguese (Portugal) + { key: 'ru', text: 'Русский‎' }, //Russian + { key: 'sv', text: 'Svenska‎' }, //Swedish + { key: 'tr', text: 'Türkçe‎' }, //Turkish + { key: 'zh-Hans', text: '中文(简体)‎' }, //Chinese(Simplified) + { key: 'zh-Hant', text: '中文(繁體)' }, //Chinese(Traditional) + ]; + if (process.env.NODE_ENV !== 'production') { languageOptions.push({ key: 'en-US-pseudo', @@ -148,6 +168,7 @@ const AppSettings: React.FC = () => {

{formatMessage('Application Language')}

= (props) => { - const { id, title, description, image, onChange, options, selected } = props; + const { id, title, description, dropdownWidth, image, onChange, options, selected } = props; const uniqueId = useId(kebabCase(title)); return ( @@ -38,6 +39,7 @@ const SettingDropdown: React.FC = (props) => {