From 36447e4bf276c03908cab518b620591c11cdc4c3 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 4 Jun 2020 18:32:46 -0500
Subject: [PATCH] Add Language dropdown to Preferences

---
 app/soapbox/features/preferences/index.js | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/app/soapbox/features/preferences/index.js b/app/soapbox/features/preferences/index.js
index 97225ceee..5a244a27e 100644
--- a/app/soapbox/features/preferences/index.js
+++ b/app/soapbox/features/preferences/index.js
@@ -33,10 +33,11 @@ class Preferences extends ImmutablePureComponent {
     settings: ImmutablePropTypes.map,
   };
 
-  onThemeChange = e => {
-    const { dispatch } = this.props;
-    dispatch(changeSetting(['themeMode'], e.target.value));
-  }
+  onSelectChange = path => {
+    return e => {
+      this.props.dispatch(changeSetting(path, e.target.value));
+    };
+  };
 
   onDefaultPrivacyChange = e => {
     const { dispatch } = this.props;
@@ -51,10 +52,19 @@ class Preferences extends ImmutablePureComponent {
         <SimpleForm>
           <FieldsGroup>
             <SelectDropdown
-              label='Theme mode'
+              label='Theme'
               items={{ light: 'Light', dark: 'Dark' }}
               defaultValue={settings.get('themeMode')}
-              onChange={this.onThemeChange}
+              onChange={this.onSelectChange(['themeMode'])}
+            />
+          </FieldsGroup>
+
+          <FieldsGroup>
+            <SelectDropdown
+              label='Language'
+              items={{ en: 'English', es: 'Español', fr: 'Français' }}
+              defaultValue={settings.get('language')}
+              onChange={this.onSelectChange(['locale'])}
             />
           </FieldsGroup>