diff options
Diffstat (limited to 'src/components/settings/services/EditServiceForm.js')
-rw-r--r-- | src/components/settings/services/EditServiceForm.js | 31 |
1 files changed, 30 insertions, 1 deletions
diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js index 98051d78f..4fd1f99ef 100644 --- a/src/components/settings/services/EditServiceForm.js +++ b/src/components/settings/services/EditServiceForm.js | |||
@@ -12,6 +12,7 @@ import Service from '../../../models/Service'; | |||
12 | import Tabs, { TabItem } from '../../ui/Tabs'; | 12 | import Tabs, { TabItem } from '../../ui/Tabs'; |
13 | import Input from '../../ui/Input'; | 13 | import Input from '../../ui/Input'; |
14 | import Toggle from '../../ui/Toggle'; | 14 | import Toggle from '../../ui/Toggle'; |
15 | import Slider from '../../ui/Slider'; | ||
15 | import Button from '../../ui/Button'; | 16 | import Button from '../../ui/Button'; |
16 | import ImageUpload from '../../ui/ImageUpload'; | 17 | import ImageUpload from '../../ui/ImageUpload'; |
17 | import Select from '../../ui/Select'; | 18 | import Select from '../../ui/Select'; |
@@ -93,6 +94,10 @@ const messages = defineMessages({ | |||
93 | id: 'settings.service.form.isMutedInfo', | 94 | id: 'settings.service.form.isMutedInfo', |
94 | defaultMessage: '!!!When disabled, all notification sounds and audio playback are muted', | 95 | defaultMessage: '!!!When disabled, all notification sounds and audio playback are muted', |
95 | }, | 96 | }, |
97 | disableHibernationInfo: { | ||
98 | id: 'settings.service.form.disableHibernationInfo', | ||
99 | defaultMessage: '!!!You currently have hibernation enabled but you can disable hibernation for individual services using this option.', | ||
100 | }, | ||
96 | headlineNotifications: { | 101 | headlineNotifications: { |
97 | id: 'settings.service.form.headlineNotifications', | 102 | id: 'settings.service.form.headlineNotifications', |
98 | defaultMessage: '!!!Notifications', | 103 | defaultMessage: '!!!Notifications', |
@@ -105,6 +110,10 @@ const messages = defineMessages({ | |||
105 | id: 'settings.service.form.headlineGeneral', | 110 | id: 'settings.service.form.headlineGeneral', |
106 | defaultMessage: '!!!General', | 111 | defaultMessage: '!!!General', |
107 | }, | 112 | }, |
113 | headlineDarkReaderSettings: { | ||
114 | id: 'settings.service.form.headlineDarkReaderSettings', | ||
115 | defaultMessage: '!!!DarkReader Settings', | ||
116 | }, | ||
108 | iconDelete: { | 117 | iconDelete: { |
109 | id: 'settings.service.form.iconDelete', | 118 | id: 'settings.service.form.iconDelete', |
110 | defaultMessage: '!!!Delete', | 119 | defaultMessage: '!!!Delete', |
@@ -149,6 +158,7 @@ export default @observer class EditServiceForm extends Component { | |||
149 | isProxyFeatureEnabled: PropTypes.bool.isRequired, | 158 | isProxyFeatureEnabled: PropTypes.bool.isRequired, |
150 | isServiceProxyIncludedInCurrentPlan: PropTypes.bool.isRequired, | 159 | isServiceProxyIncludedInCurrentPlan: PropTypes.bool.isRequired, |
151 | isSpellcheckerIncludedInCurrentPlan: PropTypes.bool.isRequired, | 160 | isSpellcheckerIncludedInCurrentPlan: PropTypes.bool.isRequired, |
161 | isHibernationFeatureActive: PropTypes.bool.isRequired, | ||
152 | }; | 162 | }; |
153 | 163 | ||
154 | static defaultProps = { | 164 | static defaultProps = { |
@@ -214,6 +224,7 @@ export default @observer class EditServiceForm extends Component { | |||
214 | isProxyFeatureEnabled, | 224 | isProxyFeatureEnabled, |
215 | isServiceProxyIncludedInCurrentPlan, | 225 | isServiceProxyIncludedInCurrentPlan, |
216 | isSpellcheckerIncludedInCurrentPlan, | 226 | isSpellcheckerIncludedInCurrentPlan, |
227 | isHibernationFeatureActive, | ||
217 | } = this.props; | 228 | } = this.props; |
218 | const { intl } = this.context; | 229 | const { intl } = this.context; |
219 | 230 | ||
@@ -359,8 +370,26 @@ export default @observer class EditServiceForm extends Component { | |||
359 | 370 | ||
360 | <div className="settings__settings-group"> | 371 | <div className="settings__settings-group"> |
361 | <h3>{intl.formatMessage(messages.headlineGeneral)}</h3> | 372 | <h3>{intl.formatMessage(messages.headlineGeneral)}</h3> |
362 | <Toggle field={form.$('isDarkModeEnabled')} /> | ||
363 | <Toggle field={form.$('isEnabled')} /> | 373 | <Toggle field={form.$('isEnabled')} /> |
374 | {isHibernationFeatureActive && ( | ||
375 | <> | ||
376 | <Toggle field={form.$('disableHibernation')} /> | ||
377 | <p className="settings__help"> | ||
378 | {intl.formatMessage(messages.disableHibernationInfo)} | ||
379 | </p> | ||
380 | </> | ||
381 | )} | ||
382 | <Toggle field={form.$('isDarkModeEnabled')} /> | ||
383 | {form.$('isDarkModeEnabled').value | ||
384 | && ( | ||
385 | <> | ||
386 | <h3>{intl.formatMessage(messages.headlineDarkReaderSettings)}</h3> | ||
387 | <Slider field={form.$('darkReaderBrightness')} /> | ||
388 | <Slider field={form.$('darkReaderContrast')} /> | ||
389 | <Slider field={form.$('darkReaderSepia')} /> | ||
390 | </> | ||
391 | ) | ||
392 | } | ||
364 | </div> | 393 | </div> |
365 | </div> | 394 | </div> |
366 | <div className="service-icon"> | 395 | <div className="service-icon"> |