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']} /> +
+ +
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({