diff options
Diffstat (limited to 'src/containers/settings')
-rw-r--r-- | src/containers/settings/EditSettingsScreen.js | 36 |
1 files changed, 35 insertions, 1 deletions
diff --git a/src/containers/settings/EditSettingsScreen.js b/src/containers/settings/EditSettingsScreen.js index 8eb7c3b82..ee5e3615c 100644 --- a/src/containers/settings/EditSettingsScreen.js +++ b/src/containers/settings/EditSettingsScreen.js | |||
@@ -10,7 +10,9 @@ import UserStore from '../../stores/UserStore'; | |||
10 | import TodosStore from '../../features/todos/store'; | 10 | import TodosStore from '../../features/todos/store'; |
11 | import Form from '../../lib/Form'; | 11 | import Form from '../../lib/Form'; |
12 | import { APP_LOCALES, SPELLCHECKER_LOCALES } from '../../i18n/languages'; | 12 | import { APP_LOCALES, SPELLCHECKER_LOCALES } from '../../i18n/languages'; |
13 | import { DEFAULT_APP_SETTINGS, HIBERNATION_STRATEGIES } from '../../config'; | 13 | import { |
14 | DEFAULT_APP_SETTINGS, HIBERNATION_STRATEGIES, SIDEBAR_WIDTH, ICON_SIZES, | ||
15 | } from '../../config'; | ||
14 | import { config as spellcheckerConfig } from '../../features/spellchecker'; | 16 | import { config as spellcheckerConfig } from '../../features/spellchecker'; |
15 | 17 | ||
16 | import { getSelectOptions } from '../../helpers/i18n-helpers'; | 18 | import { getSelectOptions } from '../../helpers/i18n-helpers'; |
@@ -118,6 +120,14 @@ const messages = defineMessages({ | |||
118 | id: 'settings.app.form.universalDarkMode', | 120 | id: 'settings.app.form.universalDarkMode', |
119 | defaultMessage: '!!!Enable universal Dark Mode', | 121 | defaultMessage: '!!!Enable universal Dark Mode', |
120 | }, | 122 | }, |
123 | serviceRibbonWidth: { | ||
124 | id: 'settings.app.form.serviceRibbonWidth', | ||
125 | defaultMessage: '!!!Sidebar width', | ||
126 | }, | ||
127 | iconSize: { | ||
128 | id: 'settings.app.form.iconSize', | ||
129 | defaultMessage: '!!!Service icon size', | ||
130 | }, | ||
121 | accentColor: { | 131 | accentColor: { |
122 | id: 'settings.app.form.accentColor', | 132 | id: 'settings.app.form.accentColor', |
123 | defaultMessage: '!!!Accent color', | 133 | defaultMessage: '!!!Accent color', |
@@ -201,6 +211,8 @@ export default @inject('stores', 'actions') @observer class EditSettingsScreen e | |||
201 | darkMode: settingsData.darkMode, | 211 | darkMode: settingsData.darkMode, |
202 | adaptableDarkMode: settingsData.adaptableDarkMode, | 212 | adaptableDarkMode: settingsData.adaptableDarkMode, |
203 | universalDarkMode: settingsData.universalDarkMode, | 213 | universalDarkMode: settingsData.universalDarkMode, |
214 | serviceRibbonWidth: settingsData.serviceRibbonWidth, | ||
215 | iconSize: settingsData.iconSize, | ||
204 | accentColor: settingsData.accentColor, | 216 | accentColor: settingsData.accentColor, |
205 | showMessageBadgeWhenMuted: settingsData.showMessageBadgeWhenMuted, | 217 | showMessageBadgeWhenMuted: settingsData.showMessageBadgeWhenMuted, |
206 | enableSpellchecking: settingsData.enableSpellchecking, | 218 | enableSpellchecking: settingsData.enableSpellchecking, |
@@ -253,6 +265,16 @@ export default @inject('stores', 'actions') @observer class EditSettingsScreen e | |||
253 | sort: false, | 265 | sort: false, |
254 | }); | 266 | }); |
255 | 267 | ||
268 | const sidebarWidth = getSelectOptions({ | ||
269 | locales: SIDEBAR_WIDTH, | ||
270 | sort: false, | ||
271 | }); | ||
272 | |||
273 | const iconSizes = getSelectOptions({ | ||
274 | locales: ICON_SIZES, | ||
275 | sort: false, | ||
276 | }); | ||
277 | |||
256 | const spellcheckingLanguages = getSelectOptions({ | 278 | const spellcheckingLanguages = getSelectOptions({ |
257 | locales: SPELLCHECKER_LOCALES, | 279 | locales: SPELLCHECKER_LOCALES, |
258 | automaticDetectionText: this.context.intl.formatMessage(globalMessages.spellcheckerAutomaticDetection), | 280 | automaticDetectionText: this.context.intl.formatMessage(globalMessages.spellcheckerAutomaticDetection), |
@@ -396,6 +418,18 @@ export default @inject('stores', 'actions') @observer class EditSettingsScreen e | |||
396 | value: settings.all.app.universalDarkMode, | 418 | value: settings.all.app.universalDarkMode, |
397 | default: DEFAULT_APP_SETTINGS.universalDarkMode, | 419 | default: DEFAULT_APP_SETTINGS.universalDarkMode, |
398 | }, | 420 | }, |
421 | serviceRibbonWidth: { | ||
422 | label: intl.formatMessage(messages.serviceRibbonWidth), | ||
423 | value: settings.all.app.serviceRibbonWidth, | ||
424 | default: DEFAULT_APP_SETTINGS.serviceRibbonWidth, | ||
425 | options: sidebarWidth, | ||
426 | }, | ||
427 | iconSize: { | ||
428 | label: intl.formatMessage(messages.iconSize), | ||
429 | value: settings.all.app.iconSize, | ||
430 | default: DEFAULT_APP_SETTINGS.iconSize, | ||
431 | options: iconSizes, | ||
432 | }, | ||
399 | accentColor: { | 433 | accentColor: { |
400 | label: intl.formatMessage(messages.accentColor), | 434 | label: intl.formatMessage(messages.accentColor), |
401 | value: settings.all.app.accentColor, | 435 | value: settings.all.app.accentColor, |