diff options
Diffstat (limited to 'src/containers')
-rw-r--r-- | src/containers/settings/EditSettingsScreen.js | 20 |
1 files changed, 19 insertions, 1 deletions
diff --git a/src/containers/settings/EditSettingsScreen.js b/src/containers/settings/EditSettingsScreen.js index dac4c2b0a..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, SIDEBAR_WIDTH } 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'; |
@@ -122,6 +124,10 @@ const messages = defineMessages({ | |||
122 | id: 'settings.app.form.serviceRibbonWidth', | 124 | id: 'settings.app.form.serviceRibbonWidth', |
123 | defaultMessage: '!!!Sidebar width', | 125 | defaultMessage: '!!!Sidebar width', |
124 | }, | 126 | }, |
127 | iconSize: { | ||
128 | id: 'settings.app.form.iconSize', | ||
129 | defaultMessage: '!!!Service icon size', | ||
130 | }, | ||
125 | accentColor: { | 131 | accentColor: { |
126 | id: 'settings.app.form.accentColor', | 132 | id: 'settings.app.form.accentColor', |
127 | defaultMessage: '!!!Accent color', | 133 | defaultMessage: '!!!Accent color', |
@@ -206,6 +212,7 @@ export default @inject('stores', 'actions') @observer class EditSettingsScreen e | |||
206 | adaptableDarkMode: settingsData.adaptableDarkMode, | 212 | adaptableDarkMode: settingsData.adaptableDarkMode, |
207 | universalDarkMode: settingsData.universalDarkMode, | 213 | universalDarkMode: settingsData.universalDarkMode, |
208 | serviceRibbonWidth: settingsData.serviceRibbonWidth, | 214 | serviceRibbonWidth: settingsData.serviceRibbonWidth, |
215 | iconSize: settingsData.iconSize, | ||
209 | accentColor: settingsData.accentColor, | 216 | accentColor: settingsData.accentColor, |
210 | showMessageBadgeWhenMuted: settingsData.showMessageBadgeWhenMuted, | 217 | showMessageBadgeWhenMuted: settingsData.showMessageBadgeWhenMuted, |
211 | enableSpellchecking: settingsData.enableSpellchecking, | 218 | enableSpellchecking: settingsData.enableSpellchecking, |
@@ -263,6 +270,11 @@ export default @inject('stores', 'actions') @observer class EditSettingsScreen e | |||
263 | sort: false, | 270 | sort: false, |
264 | }); | 271 | }); |
265 | 272 | ||
273 | const iconSizes = getSelectOptions({ | ||
274 | locales: ICON_SIZES, | ||
275 | sort: false, | ||
276 | }); | ||
277 | |||
266 | const spellcheckingLanguages = getSelectOptions({ | 278 | const spellcheckingLanguages = getSelectOptions({ |
267 | locales: SPELLCHECKER_LOCALES, | 279 | locales: SPELLCHECKER_LOCALES, |
268 | automaticDetectionText: this.context.intl.formatMessage(globalMessages.spellcheckerAutomaticDetection), | 280 | automaticDetectionText: this.context.intl.formatMessage(globalMessages.spellcheckerAutomaticDetection), |
@@ -412,6 +424,12 @@ export default @inject('stores', 'actions') @observer class EditSettingsScreen e | |||
412 | default: DEFAULT_APP_SETTINGS.serviceRibbonWidth, | 424 | default: DEFAULT_APP_SETTINGS.serviceRibbonWidth, |
413 | options: sidebarWidth, | 425 | options: sidebarWidth, |
414 | }, | 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 | }, | ||
415 | accentColor: { | 433 | accentColor: { |
416 | label: intl.formatMessage(messages.accentColor), | 434 | label: intl.formatMessage(messages.accentColor), |
417 | value: settings.all.app.accentColor, | 435 | value: settings.all.app.accentColor, |