From 7db95b614a4e0b07d29cf4303f520ff944aae9be Mon Sep 17 00:00:00 2001
From: Jorik Schellekens <joriksch@gmail.com>
Date: Mon, 1 Jun 2020 18:01:12 +0100
Subject: [PATCH] Revert to arrow functions to bind `this`

---
 .../settings/tabs/user/AppearanceUserSettingsTab.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx b/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
index 2fc9c3e6c4..bcd87b290a 100644
--- a/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
+++ b/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
@@ -103,7 +103,7 @@ export default class AppearanceUserSettingsTab extends React.Component<IProps, I
         };
     }
 
-    private onThemeChange(e: React.ChangeEvent<HTMLSelectElement | HTMLInputElement>): void {
+    private onThemeChange = (e: React.ChangeEvent<HTMLSelectElement | HTMLInputElement>): void => {
         const newTheme = e.target.value;
         if (this.state.theme === newTheme) return;
 
@@ -124,18 +124,18 @@ export default class AppearanceUserSettingsTab extends React.Component<IProps, I
         dis.dispatch<RecheckThemePayload>({action: Action.RecheckTheme, forceTheme: newTheme});
     };
 
-    private onUseSystemThemeChanged(checked: boolean) {
+    private onUseSystemThemeChanged = (checked: boolean): void => {
         this.setState({useSystemTheme: checked});
         SettingsStore.setValue("use_system_theme", null, SettingLevel.DEVICE, checked);
         dis.dispatch<RecheckThemePayload>({action: Action.RecheckTheme});
     };
 
-    private onFontSizeChanged(size: number) {
+    private onFontSizeChanged = (size: number): void => {
         this.setState({fontSize: size.toString()});
         SettingsStore.setValue("fontSize", null, SettingLevel.DEVICE, size);
     };
 
-    private async onValidateFontSize({value}: Pick<IFieldState, "value">): Promise<IValidationResult> {
+    private onValidateFontSize = async ({value}: Pick<IFieldState, "value">): Promise<IValidationResult> => {
         const parsedSize = parseFloat(value);
         const min = FontWatcher.MIN_SIZE;
         const max = FontWatcher.MAX_SIZE;
@@ -155,7 +155,7 @@ export default class AppearanceUserSettingsTab extends React.Component<IProps, I
         return {valid: true, feedback: _t('Use between %(min)s pt and %(max)s pt', {min, max})};
     }
 
-    private async onAddCustomTheme() {
+    private onAddCustomTheme = async (): Promise<void> => {
         let currentThemes: string[] = SettingsStore.getValue("custom_themes");
         if (!currentThemes) currentThemes = [];
         currentThemes = currentThemes.map(c => c); // cheap clone
@@ -187,7 +187,7 @@ export default class AppearanceUserSettingsTab extends React.Component<IProps, I
         }, 3000);
     };
 
-    private onCustomThemeChange(e: React.ChangeEvent<HTMLSelectElement | HTMLInputElement>) {
+    private onCustomThemeChange = (e: React.ChangeEvent<HTMLSelectElement | HTMLInputElement>): void => {
         this.setState({customThemeUrl: e.target.value});
     };