Add new service-level option 'trapLinkUrls' (#154)

This option can be used to allow the user to choose how to handle links
(whether to open in the default browser or within the Ferdium service itself)

Co-authored-by: André Oliveira <oliveira.andrerodrigues95@gmail.com>

1 files changed, 17 insertions, 0 deletions

diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js
index 42e21dbc8..e426d2d73 100644
--- a/src/components/settings/services/EditServiceForm.js
+++ b/src/components/settings/services/EditServiceForm.js
@@ -108,6 +108,10 @@ const messages = defineMessages({
     id: 'settings.service.form.headlineGeneral',
     defaultMessage: 'General',
   },
+  headlineAppearance: {
+    id: 'settings.service.form.headlineAppearance',
+    defaultMessage: 'Appearance',
+  },
   headlineDarkReaderSettings: {
     id: 'settings.service.form.headlineDarkReaderSettings',
     defaultMessage: 'Dark Reader Settings',
@@ -133,6 +137,10 @@ const messages = defineMessages({
     defaultMessage:
       'Proxy settings will not be synchronized with the Ferdium servers.',
   },
+  serviceReloadRequired: {
+    id: 'settings.service.reloadRequired',
+    defaultMessage: 'Changes require reload of the service',
+  },
 });
 
 class EditServiceForm extends Component {
@@ -360,6 +368,15 @@ class EditServiceForm extends Component {
                     {intl.formatMessage(messages.isHibernationEnabledInfo)}
                   </p>
                   <Toggle field={form.$('isWakeUpEnabled')} />
+                  <Toggle field={form.$('trapLinkClicks')} />
+                  {/* TODO: Need to figure out how to effect this change without a reload of the recipe */}
+                  <p className="settings__help indented__help">
+                    {intl.formatMessage(messages.serviceReloadRequired)}
+                  </p>
+                </div>
+
+                <div className="settings__settings-group">
+                  <H3>{intl.formatMessage(messages.headlineAppearance)}</H3>
                   <Toggle field={form.$('isDarkModeEnabled')} />
                   {form.$('isDarkModeEnabled').value && (
                     <>