From 22485b72e5cfe48599389b1fd1dd5713839a1e3a Mon Sep 17 00:00:00 2001
From: André Oliveira <oliveira.andrerodrigues95@gmail.com>
Date: Wed, 1 Jun 2022 17:56:54 +0100
Subject: Change Input box to slider on Grayscale Dim level

---
 src/components/settings/settings/EditSettingsForm.js | 5 +++--
 src/containers/settings/EditSettingsScreen.js        | 2 +-
 src/i18n/locales/en-US.json                          | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js
index 3a4a48177..1d61a7510 100644
--- a/src/components/settings/settings/EditSettingsForm.js
+++ b/src/components/settings/settings/EditSettingsForm.js
@@ -31,6 +31,7 @@ import {
 import { openPath } from '../../../helpers/url-helpers';
 import globalMessages from '../../../i18n/globalMessages';
 import { Icon } from '../../ui/icon';
+import Slider from '../../ui/Slider';
 
 const debug = require('../../../preload-safe-debug')('Ferdium:EditSettingsForm');
 
@@ -639,11 +640,11 @@ class EditSettingsForm extends Component {
                 <Toggle field={form.$('useGrayscaleServices')} />
 
                 {isUseGrayscaleServicesEnabled && (
-                  <Input
+                  <Slider
                       type="number"
                       onChange={e => this.submit(e)}
                       field={form.$('grayscaleServicesDim')}
-                    />
+                  />
                 )}
 
                 <Toggle field={form.$('showMessageBadgeWhenMuted')} />
diff --git a/src/containers/settings/EditSettingsScreen.js b/src/containers/settings/EditSettingsScreen.js
index 2c1c7f077..6c921f1fb 100644
--- a/src/containers/settings/EditSettingsScreen.js
+++ b/src/containers/settings/EditSettingsScreen.js
@@ -216,7 +216,7 @@ const messages = defineMessages({
   },
   grayscaleServicesDim: {
     id: 'settings.app.form.grayscaleServicesDim',
-    defaultMessage: 'Input grayscale dim level (%)',
+    defaultMessage: 'Grayscale dim level',
   },
   hideWorkspacesButton: {
     id: 'settings.app.form.hideWorkspacesButton',
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index b4460c28e..f787b90e4 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -212,7 +212,7 @@
   "settings.app.form.enableSpellchecking": "Enable spell checking",
   "settings.app.form.enableSystemTray": "Always show Ferdium in System Tray",
   "settings.app.form.enableTodos": "Enable Ferdium Todos",
-  "settings.app.form.grayscaleServicesDim": "Input grayscale dim level (%)",
+  "settings.app.form.grayscaleServicesDim": "Grayscale dim level",
   "settings.app.form.hibernateOnStartup": "Keep services in hibernation on startup",
   "settings.app.form.hibernationStrategy": "Hibernation strategy",
   "settings.app.form.hideNotificationsButton": "Hide Notifications & Sound button",
-- 
cgit v1.2.3-70-g09d2