aboutsummaryrefslogtreecommitdiffstats
path: root/src/containers/settings/EditServiceScreen.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/containers/settings/EditServiceScreen.js')
-rw-r--r--src/containers/settings/EditServiceScreen.js40
1 files changed, 25 insertions, 15 deletions
diff --git a/src/containers/settings/EditServiceScreen.js b/src/containers/settings/EditServiceScreen.js
index b46908344..d08f0a52e 100644
--- a/src/containers/settings/EditServiceScreen.js
+++ b/src/containers/settings/EditServiceScreen.js
@@ -19,9 +19,12 @@ import { required, url, oneRequired } from '../../helpers/validation-helpers';
19import { getSelectOptions } from '../../helpers/i18n-helpers'; 19import { getSelectOptions } from '../../helpers/i18n-helpers';
20 20
21import { config as proxyFeature } from '../../features/serviceProxy'; 21import { config as proxyFeature } from '../../features/serviceProxy';
22import { config as spellcheckerFeature } from '../../features/spellchecker';
22 23
23import { SPELLCHECKER_LOCALES } from '../../i18n/languages'; 24import { SPELLCHECKER_LOCALES } from '../../i18n/languages';
24 25
26import globalMessages from '../../i18n/globalMessages';
27
25const messages = defineMessages({ 28const messages = defineMessages({
26 name: { 29 name: {
27 id: 'settings.service.form.name', 30 id: 'settings.service.form.name',
@@ -83,14 +86,6 @@ const messages = defineMessages({
83 id: 'settings.service.form.proxy.password', 86 id: 'settings.service.form.proxy.password',
84 defaultMessage: '!!!Password', 87 defaultMessage: '!!!Password',
85 }, 88 },
86 spellcheckerLanguage: {
87 id: 'settings.service.form.spellcheckerLanguage',
88 defaultMessage: '!!!Spell checking Language',
89 },
90 spellcheckerSystemDefault: {
91 id: 'settings.service.form.spellcheckerLanguage.default',
92 defaultMessage: '!!!Use System Default ({default})',
93 },
94}); 89});
95 90
96export default @inject('stores', 'actions') @observer class EditServiceScreen extends Component { 91export default @inject('stores', 'actions') @observer class EditServiceScreen extends Component {
@@ -118,12 +113,26 @@ export default @inject('stores', 'actions') @observer class EditServiceScreen ex
118 } 113 }
119 114
120 prepareForm(recipe, service, proxy) { 115 prepareForm(recipe, service, proxy) {
116 const {
117 intl,
118 } = this.context;
119
120 const {
121 stores,
122 } = this.props;
123
124 let defaultSpellcheckerLanguage = SPELLCHECKER_LOCALES[stores.settings.app.spellcheckerLanguage];
125
126 if (stores.settings.app.spellcheckerLanguage === 'automatic') {
127 defaultSpellcheckerLanguage = intl.formatMessage(globalMessages.spellcheckerAutomaticDetectionShort);
128 }
129
121 const spellcheckerLanguage = getSelectOptions({ 130 const spellcheckerLanguage = getSelectOptions({
122 locales: SPELLCHECKER_LOCALES, 131 locales: SPELLCHECKER_LOCALES,
123 resetToDefaultText: this.context.intl.formatMessage(messages.spellcheckerSystemDefault, { default: SPELLCHECKER_LOCALES[this.props.stores.settings.app.spellcheckerLanguage] }), 132 resetToDefaultText: intl.formatMessage(globalMessages.spellcheckerSystemDefault, { default: defaultSpellcheckerLanguage }),
133 automaticDetectionText: stores.settings.app.spellcheckerLanguage !== 'automatic' ? intl.formatMessage(globalMessages.spellcheckerAutomaticDetection) : '',
124 }); 134 });
125 135
126 const { intl } = this.context;
127 const config = { 136 const config = {
128 fields: { 137 fields: {
129 name: { 138 name: {
@@ -160,13 +169,13 @@ export default @inject('stores', 'actions') @observer class EditServiceScreen ex
160 isDarkModeEnabled: { 169 isDarkModeEnabled: {
161 label: intl.formatMessage(messages.enableDarkMode), 170 label: intl.formatMessage(messages.enableDarkMode),
162 value: service.isDarkModeEnabled, 171 value: service.isDarkModeEnabled,
163 default: this.props.stores.settings.app.darkMode, 172 default: stores.settings.app.darkMode,
164 }, 173 },
165 spellcheckerLanguage: { 174 spellcheckerLanguage: {
166 label: intl.formatMessage(messages.spellcheckerLanguage), 175 label: intl.formatMessage(globalMessages.spellcheckerLanguage),
167 value: service.spellcheckerLanguage, 176 value: service.spellcheckerLanguage,
168 options: spellcheckerLanguage, 177 options: spellcheckerLanguage,
169 disabled: !this.props.stores.settings.app.enableSpellchecking, 178 disabled: !stores.settings.app.enableSpellchecking,
170 }, 179 },
171 }, 180 },
172 }; 181 };
@@ -220,7 +229,7 @@ export default @inject('stores', 'actions') @observer class EditServiceScreen ex
220 } 229 }
221 230
222 if (proxy.isEnabled) { 231 if (proxy.isEnabled) {
223 const serviceProxyConfig = this.props.stores.settings.proxy[service.id] || {}; 232 const serviceProxyConfig = stores.settings.proxy[service.id] || {};
224 233
225 Object.assign(config.fields, { 234 Object.assign(config.fields, {
226 proxy: { 235 proxy: {
@@ -326,7 +335,8 @@ export default @inject('stores', 'actions') @observer class EditServiceScreen ex
326 onSubmit={d => this.onSubmit(d)} 335 onSubmit={d => this.onSubmit(d)}
327 onDelete={() => this.deleteService()} 336 onDelete={() => this.deleteService()}
328 isProxyFeatureEnabled={proxyFeature.isEnabled} 337 isProxyFeatureEnabled={proxyFeature.isEnabled}
329 isProxyFeaturePremiumFeature={proxyFeature.isPremium} 338 isProxyPremiumFeature={proxyFeature.isPremium}
339 isSpellcheckerPremiumFeature={spellcheckerFeature.isPremium}
330 /> 340 />
331 </ErrorBoundary> 341 </ErrorBoundary>
332 ); 342 );