diff options
Diffstat (limited to 'src/components/settings/services')
-rw-r--r-- | src/components/settings/services/EditServiceForm.js | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js index fcf540ba0..8e2696e6b 100644 --- a/src/components/settings/services/EditServiceForm.js +++ b/src/components/settings/services/EditServiceForm.js | |||
@@ -21,6 +21,7 @@ import Select from '../../ui/Select'; | |||
21 | import { isMac } from '../../../environment'; | 21 | import { isMac } from '../../../environment'; |
22 | import globalMessages from '../../../i18n/globalMessages'; | 22 | import globalMessages from '../../../i18n/globalMessages'; |
23 | import { Icon } from '../../ui/icon'; | 23 | import { Icon } from '../../ui/icon'; |
24 | import { H3 } from '../../ui/headline'; | ||
24 | 25 | ||
25 | const messages = defineMessages({ | 26 | const messages = defineMessages({ |
26 | saveService: { | 27 | saveService: { |
@@ -324,7 +325,7 @@ class EditServiceForm extends Component { | |||
324 | <div className="service-flex-grid"> | 325 | <div className="service-flex-grid"> |
325 | <div className="settings__options"> | 326 | <div className="settings__options"> |
326 | <div className="settings__settings-group"> | 327 | <div className="settings__settings-group"> |
327 | <h3>{intl.formatMessage(messages.headlineNotifications)}</h3> | 328 | <H3>{intl.formatMessage(messages.headlineNotifications)}</H3> |
328 | <Toggle field={form.$('isNotificationEnabled')} /> | 329 | <Toggle field={form.$('isNotificationEnabled')} /> |
329 | <Toggle field={form.$('isMuted')} /> | 330 | <Toggle field={form.$('isMuted')} /> |
330 | <p className="settings__help indented__help"> | 331 | <p className="settings__help indented__help"> |
@@ -333,7 +334,7 @@ class EditServiceForm extends Component { | |||
333 | </div> | 334 | </div> |
334 | 335 | ||
335 | <div className="settings__settings-group"> | 336 | <div className="settings__settings-group"> |
336 | <h3>{intl.formatMessage(messages.headlineBadges)}</h3> | 337 | <H3>{intl.formatMessage(messages.headlineBadges)}</H3> |
337 | <Toggle field={form.$('isBadgeEnabled')} /> | 338 | <Toggle field={form.$('isBadgeEnabled')} /> |
338 | {recipe.hasIndirectMessages && | 339 | {recipe.hasIndirectMessages && |
339 | form.$('isBadgeEnabled').value && ( | 340 | form.$('isBadgeEnabled').value && ( |
@@ -352,7 +353,7 @@ class EditServiceForm extends Component { | |||
352 | </div> | 353 | </div> |
353 | 354 | ||
354 | <div className="settings__settings-group"> | 355 | <div className="settings__settings-group"> |
355 | <h3>{intl.formatMessage(messages.headlineGeneral)}</h3> | 356 | <H3>{intl.formatMessage(messages.headlineGeneral)}</H3> |
356 | <Toggle field={form.$('isEnabled')} /> | 357 | <Toggle field={form.$('isEnabled')} /> |
357 | <Toggle field={form.$('isHibernationEnabled')} /> | 358 | <Toggle field={form.$('isHibernationEnabled')} /> |
358 | <p className="settings__help indented__help"> | 359 | <p className="settings__help indented__help"> |
@@ -362,11 +363,11 @@ class EditServiceForm extends Component { | |||
362 | <Toggle field={form.$('isDarkModeEnabled')} /> | 363 | <Toggle field={form.$('isDarkModeEnabled')} /> |
363 | {form.$('isDarkModeEnabled').value && ( | 364 | {form.$('isDarkModeEnabled').value && ( |
364 | <> | 365 | <> |
365 | <h3> | 366 | <H3> |
366 | {intl.formatMessage( | 367 | {intl.formatMessage( |
367 | messages.headlineDarkReaderSettings, | 368 | messages.headlineDarkReaderSettings, |
368 | )} | 369 | )} |
369 | </h3> | 370 | </H3> |
370 | <Slider field={form.$('darkReaderBrightness')} /> | 371 | <Slider field={form.$('darkReaderBrightness')} /> |
371 | <Slider field={form.$('darkReaderContrast')} /> | 372 | <Slider field={form.$('darkReaderContrast')} /> |
372 | <Slider field={form.$('darkReaderSepia')} /> | 373 | <Slider field={form.$('darkReaderSepia')} /> |
@@ -391,10 +392,10 @@ class EditServiceForm extends Component { | |||
391 | 392 | ||
392 | {isProxyFeatureEnabled && ( | 393 | {isProxyFeatureEnabled && ( |
393 | <div className="settings__settings-group"> | 394 | <div className="settings__settings-group"> |
394 | <h3> | 395 | <H3> |
395 | {intl.formatMessage(messages.headlineProxy)} | 396 | {intl.formatMessage(messages.headlineProxy)} |
396 | <span className="badge badge--success">beta</span> | 397 | <span className="badge badge--success">beta</span> |
397 | </h3> | 398 | </H3> |
398 | <Toggle field={form.$('proxy.isEnabled')} /> | 399 | <Toggle field={form.$('proxy.isEnabled')} /> |
399 | {form.$('proxy.isEnabled').value && ( | 400 | {form.$('proxy.isEnabled').value && ( |
400 | <> | 401 | <> |