fix the slider bug

js/background.js

@@ -286,6 +286,9 @@
     }
     first = false;
 
+    // Update zoom
+    window.updateZoomFactor();
+
     const currentPoWDifficulty = storage.get('PoWDifficulty', null);
     if (!currentPoWDifficulty) {
       storage.put('PoWDifficulty', window.getDefaultPoWDifficulty());
@@ -323,7 +326,7 @@
         const ttl = Number.isNaN(intValue) ? 24 : intValue;
         storage.put('message-ttl', ttl);
       },
-      
+
       getReadReceiptSetting: () => storage.get('read-receipt-setting'),
       setReadReceiptSetting: value =>
         storage.put('read-receipt-setting', value),

js/modules/loki_app_dot_net_api.js

@@ -614,7 +614,9 @@ class LokiAppDotNetServerAPI {
           `serverRequest ${mode} error`,
           e.code,
           e.message,
-          `json: ${txtResponse}`, 'attempting connection to', url
+          `json: ${txtResponse}`,
+          'attempting connection to',
+          url
         );
       } else {
         log.info(

main.js

@@ -836,7 +836,6 @@ async function showMainWindow(sqlKey, passwordAttempt = false) {
 
   createWindow();
 
-
   if (usingTrayIcon) {
     tray = createTrayIcon(getMainWindow, locale.messages);
   }
@@ -1026,7 +1025,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

@@ -3,7 +3,7 @@
 const path = require('path');
 const electron = require('electron');
 
-const {webFrame} = electron;
+const { webFrame } = electron;
 const semver = require('semver');
 
 const { deferredToPromise } = require('./js/modules/deferred_to_promise');
@@ -71,7 +71,6 @@ window.CONSTANTS = {
   MAX_CONNECTION_DURATION: 5000,
 };
 
-
 window.versionInfo = {
   environment: window.getEnvironment(),
   version: window.getVersion(),
@@ -84,15 +83,18 @@ window.wrapDeferred = deferredToPromise;
 const ipc = electron.ipcRenderer;
 const localeMessages = ipc.sendSync('locale-data');
 
-
-window.setZoomFactor = (number) => {
-  return webFrame.setZoomFactor(number);
+window.updateZoomFactor = () => {
+  const zoomFactor = window.getSettingValue('zoom-factor-setting') || 100;
+  window.setZoomFactor(zoomFactor / 100);
 }
 
-window.getZoomFactor = () => {
-  return webFrame.getZoomFactor();
-}
+window.setZoomFactor = number => {
+  webFrame.setZoomFactor(number);
+};
 
+window.getZoomFactor = () => {
+  webFrame.getZoomFactor();
+};
 
 window.setBadgeCount = count => ipc.send('set-badge-count', count);
 
@@ -173,9 +175,6 @@ ipc.on('on-unblock-number', (event, number) => {
 window.closeAbout = () => ipc.send('close-about');
 window.readyForUpdates = () => ipc.send('ready-for-updates');
 
-
-
-
 window.updateTrayIcon = unreadCount =>
   ipc.send('update-tray-icon', unreadCount);
 
@@ -193,9 +192,6 @@ ipc.on('set-up-as-standalone', () => {
 
 // Settings-related events
 
-
-
-
 window.showSettings = () => ipc.send('show-settings');
 window.showPermissionsPopup = () => ipc.send('show-permissions-popup');
 
@@ -231,14 +227,13 @@ window.getSettingValue = (settingID, comparisonValue = null) => {
   return comparisonValue ? !!settingVal === comparisonValue : settingVal;
 };
 
-
-
 window.setSettingValue = (settingID, value) => {
   window.storage.put(settingID, value);
-};
-
-
 
+  if (settingID === 'zoom-factor-setting') {
+    window.updateZoomFactor();
+  }
+};
 
 installGetter('device-name', 'getDeviceName');
 

ts/components/session/SessionToggle.tsx

@@ -36,10 +36,6 @@ export class SessionToggle extends React.PureComponent<Props, State> {
     };
   }
 
-  
-  
-
-
   public render() {
     return (
       <div

ts/components/session/settings/SessionSettingListItem.tsx

@@ -100,14 +100,14 @@ export class SessionSettingListItem extends React.Component<Props, State> {
                   this.handleSlider(sliderValue);
                 }}
               />
-              
+
               <div className="slider-info">
                 <p>{`${currentSliderValue} Hours`}</p>
               </div>
             </div>
-          ):type === SessionSettingType.Slider && title === "Zoom Factor" ? (
+          ) : type === SessionSettingType.Slider && title === 'Zoom Factor' ? (
             <div>
-               <Slider
+              <Slider
                 dots={true}
                 step={20}
                 min={60}
@@ -116,15 +116,13 @@ export class SessionSettingListItem extends React.Component<Props, State> {
                 onChange={sliderValue => {
                   this.handleSlider(sliderValue);
                 }}
-                />
+              />
 
-                <div className="slider-info">
-                  <p>{`% ${currentSliderValue} Zoom Level`}</p>
-                </div>
+              <div className="slider-info">
+                <p>{`% ${currentSliderValue} Zoom Level`}</p>
+              </div>
             </div>
-          ):
-
-          null}
+          ) : null}
         </div>
       </div>
     );
@@ -145,10 +143,6 @@ export class SessionSettingListItem extends React.Component<Props, State> {
       sliderValue: value,
     });
 
-    if(this.props.title === 'Zoom Factor' && this.state.sliderValue!==null) {
-      window.setZoomFactor(this.state.sliderValue/100)
-    }
-
-
+    
   }
 }

ts/components/session/settings/SessionSettings.tsx

@@ -8,7 +8,6 @@ import {
   SessionButtonType,
 } from '../SessionButton';
 
-
 export enum SessionSettingCategory {
   Appearance = 'appearance',
   Account = 'account',
@@ -76,7 +75,6 @@ export class SettingsView extends React.Component<SettingsViewProps, State> {
   }
 
   public componentDidMount() {
-    console.log(this.state, 'Print state of SessionSettings');
     setTimeout(() => $('#password-lock-input').focus(), 100);
 
     window.Whisper.events.on('refreshLinkedDeviceList', async () => {
@@ -85,8 +83,6 @@ export class SettingsView extends React.Component<SettingsViewProps, State> {
       }, 1000);
     });
     this.refreshLinkedDevice();
-    
-    
   }
 
   public componentWillUnmount() {
@@ -110,8 +106,6 @@ export class SettingsView extends React.Component<SettingsViewProps, State> {
       settings = this.getLocalSettings();
     }
 
-    
-
     return (
       <>
         {this.state.hasPassword !== null &&
@@ -227,27 +221,22 @@ export class SettingsView extends React.Component<SettingsViewProps, State> {
   }
 
   public render() {
-
-    console.log(this.props, 'From SessionSettings');
     const { category } = this.props;
     const shouldRenderPasswordLock =
       this.state.shouldLockSettings && this.state.hasPassword;
 
     return (
       <div className="session-settings">
-        
         <SettingsHeader
           showLinkDeviceButton={!shouldRenderPasswordLock}
           category={category}
         />
 
-
         <div className="session-settings-view">
-
           {shouldRenderPasswordLock ? (
             this.renderPasswordLock()
-            //
           ) : (
+            //
             <div ref={this.settingsViewRef} className="session-settings-list">
               {this.renderSettingInCategory()}
               {/* what gets rendered back from calling renderSettingInCategory */}
@@ -318,9 +307,6 @@ export class SettingsView extends React.Component<SettingsViewProps, State> {
     }
   }
 
-
-  
-
   private getPubkeyName(pubKey: string | null) {
     if (!pubKey) {
       return {};
@@ -563,7 +549,7 @@ export class SettingsView extends React.Component<SettingsViewProps, State> {
             onSuccess: this.onPasswordUpdated,
           }),
         confirmationDialogParams: undefined,
-      }
+      },
     ];
   }
 

ts/global.d.ts

@@ -59,7 +59,6 @@ interface Window {
   lokiFeatureFlags: any;
 
   resetDatabase: any;
-
 }
 
 interface Promise<T> {