From c90f087d2aaedd41d639dadb9faa81724ed7d33c Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 21 Apr 2020 15:10:45 -0500
Subject: [PATCH] Add dyslexicFont preference

---
 app/gabsocial/containers/gabsocial.js       | 5 ++++-
 app/gabsocial/features/preferences/index.js | 6 ++++++
 app/gabsocial/reducers/settings.js          | 1 +
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/gabsocial/containers/gabsocial.js b/app/gabsocial/containers/gabsocial.js
index 5e1d0675f..3235525b4 100644
--- a/app/gabsocial/containers/gabsocial.js
+++ b/app/gabsocial/containers/gabsocial.js
@@ -44,6 +44,7 @@ const mapStateToProps = (state) => {
     me,
     theme: state.getIn(['settings', 'theme']),
     systemFont: state.getIn(['settings', 'systemFont']),
+    dyslexicFont: state.getIn(['settings', 'dyslexicFont']),
   };
 };
 
@@ -55,10 +56,11 @@ class GabSocialMount extends React.PureComponent {
     me: PropTypes.string,
     theme: PropTypes.string,
     systemFont: PropTypes.bool,
+    dyslexicFont: PropTypes.bool,
   };
 
   render() {
-    const { me, theme, systemFont } = this.props;
+    const { me, theme, systemFont, dyslexicFont } = this.props;
     if (me === null) return null;
 
     // Disabling introduction for launch
@@ -71,6 +73,7 @@ class GabSocialMount extends React.PureComponent {
     const bodyClass = classNames('app-body', {
       [`theme-${theme}`]: theme,
       'system-font': systemFont,
+      'dyslexic': dyslexicFont,
     });
 
     return (
diff --git a/app/gabsocial/features/preferences/index.js b/app/gabsocial/features/preferences/index.js
index 9b3a1a0d3..efc40cebd 100644
--- a/app/gabsocial/features/preferences/index.js
+++ b/app/gabsocial/features/preferences/index.js
@@ -136,6 +136,12 @@ class Preferences extends ImmutablePureComponent {
               label="Use system's default font"
               path={['systemFont']}
             />
+            <div className='dyslexic'>
+              <SettingsCheckbox
+                label='Dyslexic mode'
+                path={['dyslexicFont']}
+              />
+            </div>
           </FieldsGroup>
         </SimpleForm>
       </Column>
diff --git a/app/gabsocial/reducers/settings.js b/app/gabsocial/reducers/settings.js
index 8c6323a3d..e59c76d24 100644
--- a/app/gabsocial/reducers/settings.js
+++ b/app/gabsocial/reducers/settings.js
@@ -23,6 +23,7 @@ const initialState = ImmutableMap({
   theme: 'lime',
 
   systemFont: false,
+  dyslexicFont: false,
 
   home: ImmutableMap({
     shows: ImmutableMap({