add zoomfactor to main

js/background.js

@@ -324,6 +324,15 @@
         storage.put('message-ttl', ttl);
       },
 
+
+      getZoomFactor: () => storage.get('zoom-factor-setting', 48),
+      setZoomFactor: value => {
+        // Make sure the ttl is between a given range and is valid
+        const intValue = parseInt(value, 10);
+        const factor = Number.isNaN(intValue) ? 24 : intValue;
+        storage.put('zoom-factor-setting', factor);
+      },
+
       getReadReceiptSetting: () => storage.get('read-receipt-setting'),
       setReadReceiptSetting: value =>
         storage.put('read-receipt-setting', value),

main.js

@@ -577,6 +577,7 @@ let settingsWindow;
 async function showSettingsWindow() {
   if (settingsWindow) {
     settingsWindow.show();
+    console.log(window.getSettingValue('zoom-factor-setting'), 'from settingsWindow')
     return;
   }
   if (!mainWindow) {
@@ -836,6 +837,7 @@ async function showMainWindow(sqlKey, passwordAttempt = false) {
 
   createWindow();
 
+
   if (usingTrayIcon) {
     tray = createTrayIcon(getMainWindow, locale.messages);
   }
@@ -1025,6 +1027,7 @@ ipc.on('password-window-login', async (event, passPhrase) => {
     const passwordAttempt = true;
     await showMainWindow(passPhrase, passwordAttempt);
     sendResponse();
+  
     if (passwordWindow) {
       passwordWindow.close();
       passwordWindow = null;

preload.js

@@ -228,6 +228,11 @@ window.getMessageTTL = () => window.storage.get('message-ttl', 24);
 installGetter('message-ttl', 'getMessageTTL');
 installSetter('message-ttl', 'setMessageTTL');
 
+// Get the zoom Factor setting
+window.getZoomFactor = () => window.storage.get('zoom-factor-setting',50)
+installGetter('zoom-factor-setting', 'getZoomFactor');
+installSetter('zoom-factor-setting', 'setZoomFactor');
+
 installGetter('read-receipt-setting', 'getReadReceiptSetting');
 installSetter('read-receipt-setting', 'setReadReceiptSetting');
 

ts/components/session/settings/SessionSettings.tsx

@@ -490,6 +490,21 @@ export class SettingsView extends React.Component<SettingsViewProps, State> {
         },
         confirmationDialogParams: undefined,
       },
+      {
+        id: 'zoom-factor-setting',
+        title: window.i18n('zoomFactorSettingTitle'),
+        description: window.i18n('zoomFactorSettingTitleDescription'),
+        hidden: false,
+        type: SessionSettingType.Slider,
+        category: SessionSettingCategory.Appearance,
+        setFn: undefined,
+        comparisonValue: undefined,
+        onClick: undefined,
+        content: {
+          defaultValue: 24,
+        },
+        confirmationDialogParams: undefined,
+      },
       {
         id: 'read-receipt-setting',
         title: window.i18n('readReceiptSettingTitle'),
@@ -575,7 +590,7 @@ export class SettingsView extends React.Component<SettingsViewProps, State> {
             onSuccess: this.onPasswordUpdated,
           }),
         confirmationDialogParams: undefined,
-      },
+      }
     ];
   }