diff options
Diffstat (limited to 'src/components/settings/services/EditServiceForm.js')
-rw-r--r-- | src/components/settings/services/EditServiceForm.js | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js index 98051d78f..bb4f4a76f 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'; |
@@ -105,6 +106,10 @@ const messages = defineMessages({ | |||
105 | id: 'settings.service.form.headlineGeneral', | 106 | id: 'settings.service.form.headlineGeneral', |
106 | defaultMessage: '!!!General', | 107 | defaultMessage: '!!!General', |
107 | }, | 108 | }, |
109 | headlineDarkReaderSettings: { | ||
110 | id: 'settings.service.form.headlineDarkReaderSettings', | ||
111 | defaultMessage: '!!!DarkReader Settings', | ||
112 | }, | ||
108 | iconDelete: { | 113 | iconDelete: { |
109 | id: 'settings.service.form.iconDelete', | 114 | id: 'settings.service.form.iconDelete', |
110 | defaultMessage: '!!!Delete', | 115 | defaultMessage: '!!!Delete', |
@@ -359,8 +364,18 @@ export default @observer class EditServiceForm extends Component { | |||
359 | 364 | ||
360 | <div className="settings__settings-group"> | 365 | <div className="settings__settings-group"> |
361 | <h3>{intl.formatMessage(messages.headlineGeneral)}</h3> | 366 | <h3>{intl.formatMessage(messages.headlineGeneral)}</h3> |
362 | <Toggle field={form.$('isDarkModeEnabled')} /> | ||
363 | <Toggle field={form.$('isEnabled')} /> | 367 | <Toggle field={form.$('isEnabled')} /> |
368 | <Toggle field={form.$('isDarkModeEnabled')} /> | ||
369 | {form.$('isDarkModeEnabled').value | ||
370 | && ( | ||
371 | <> | ||
372 | <h3>{intl.formatMessage(messages.headlineDarkReaderSettings)}</h3> | ||
373 | <Slider field={form.$('darkReaderBrightness')} /> | ||
374 | <Slider field={form.$('darkReaderContrast')} /> | ||
375 | <Slider field={form.$('darkReaderSepia')} /> | ||
376 | </> | ||
377 | ) | ||
378 | } | ||
364 | </div> | 379 | </div> |
365 | </div> | 380 | </div> |
366 | <div className="service-icon"> | 381 | <div className="service-icon"> |