feat: add option to force encryption

Author: nicodh

_locales/_untranslated_en.json

@@ -53,7 +53,7 @@
   "prevent_dialog_spam_checkbox": {
     "message": "Don't allow the app to open this dialog again"
   },
-  "react_more_emojis" : {
+  "react_more_emojis": {
     "message": "More emojis..."
   },
   "edit_channel": {
@@ -64,5 +64,8 @@
   },
   "paste_in_qr_scanner": {
     "message": "Click to paste it in QR scanner"
+  },
+  "enforce_e2ee": {
+    "message": "Enforce Encryption"
   }
 }

packages/frontend/scss/login/_login.scss

@@ -152,6 +152,22 @@ div.delta-form-group {
     }
   }
 
+  &.delta-switch {
+    > label {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+      height: auto;
+      font-size: 15px;
+      line-height: normal;
+      cursor: pointer;
+      color: var(--deltaChatPrimaryFgLight);
+      padding-inline-end: 5px;
+    }
+  }
+
   &.delta-input {
     input {
       appearance: none;

packages/frontend/src/components/LoginForm.tsx

@@ -12,6 +12,8 @@ import { I18nContext } from '../contexts/I18nContext'
 const log = getLogger('renderer/loginForm')
 
 import type { Credentials } from './Settings/DefaultCredentials'
+import SettingsStoreInstance, { useSettingsStore } from '../stores/settings'
+import Switch from './Switch'
 
 const Socket = {
   automatic: 'automatic',
@@ -42,6 +44,8 @@ export default function LoginForm({
   const [providerInfo, setProviderInfo] = useState<
     Type.ProviderInfo | undefined
   >()
+  const settingsStore = useSettingsStore()[0]
+  const forceEncryption = settingsStore?.settings['force_encryption'] !== '0'
 
   const handleCredentialsChange = (
     event: React.ChangeEvent<HTMLInputElement>
@@ -260,7 +264,22 @@ export default function LoginForm({
               <option value={Socket.starttls}>STARTTLS</option>
               <option value={Socket.plain}>{tx('off')}</option>
             </DeltaSelect>
-
+            <div className='delta-form-group delta-switch'>
+              <label>
+                <span>{tx('enforce_e2ee')}</span>
+                {/** be aware that this setting applies to all relays! */}
+                <Switch
+                  checked={forceEncryption}
+                  disabled={settingsStore == null}
+                  onChange={() =>
+                    SettingsStoreInstance.effect.setCoreSetting(
+                      'force_encryption',
+                      forceEncryption ? '0' : '1'
+                    )
+                  }
+                />
+              </label>
+            </div>
             <DeltaSelect
               id='certificateChecks'
               label={tx('login_certificate_checks')}

packages/frontend/src/stores/settings.ts

@@ -18,6 +18,7 @@ export interface SettingsStoreState {
       bcc_self: string
       delete_device_after: string
       download_limit: string
+      force_encryption: '0' | '1'
       media_quality: string
       is_chatmail: '0' | '1'
       who_can_call_me: WhoCanCallMe
@@ -36,6 +37,7 @@ const settingsKeys = [
   'bcc_self',
   'delete_device_after',
   'download_limit',
+  'force_encryption',
   'media_quality',
   'is_chatmail',
   'who_can_call_me',
@@ -132,6 +134,10 @@ class SettingsStore extends Store<SettingsStoreState | null> {
         settings['ui.mentions_enabled'] = mentionsEnabledDefaultVal
       }
 
+      if (settings['force_encryption'] == null) {
+        settings['force_encryption'] = '1'
+      }
+
       const rc = runtime.getRC_Config()
       this.reducer.setState({
         settings,