From 342feb90caa3bf6fd17a111aebd4e79203fbafd0 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Thu, 15 Aug 2019 11:38:55 -0400
Subject: [PATCH] Updated sidebar menu item placement

added body class to to stop scroll when sidebar menu is open
---
 .../gabsocial/components/sidebar_menu.js         | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/javascript/gabsocial/components/sidebar_menu.js b/app/javascript/gabsocial/components/sidebar_menu.js
index 9fc45262..d24961ea 100644
--- a/app/javascript/gabsocial/components/sidebar_menu.js
+++ b/app/javascript/gabsocial/components/sidebar_menu.js
@@ -57,6 +57,14 @@ class SidebarMenu extends ImmutablePureComponent {
     onClose: PropTypes.func.isRequired,
   };
 
+  componentDidUpdate () {
+    if (this.props.sidebarOpen) {
+      document.body.classList.add('with-modals--active');
+    } else {
+      document.body.classList.remove('with-modals--active');
+    }
+  }
+
   render () {
     const { sidebarOpen, onClose, intl, account } = this.props;
     const acct = account.get('acct');
@@ -120,6 +128,10 @@ class SidebarMenu extends ImmutablePureComponent {
             </div>
 
             <div className='sidebar-menu__section'>
+              <a className='sidebar-menu-item' href='/settings/preferences'>
+                <Icon id='cog' />
+                <span className='sidebar-menu-item__title'>{intl.formatMessage(messages.preferences)}</span>
+              </a>
               <NavLink className='sidebar-menu-item' to='/follow_requests' onClick={onClose}>
                 <Icon id='user-plus' />
                 <span className='sidebar-menu-item__title'>{intl.formatMessage(messages.follow_requests)}</span>
@@ -140,10 +152,6 @@ class SidebarMenu extends ImmutablePureComponent {
                 <Icon id='filter' />
                 <span className='sidebar-menu-item__title'>{intl.formatMessage(messages.filters)}</span>
               </a>
-              <a className='sidebar-menu-item' href='/settings/preferences'>
-                <Icon id='cog' />
-                <span className='sidebar-menu-item__title'>{intl.formatMessage(messages.preferences)}</span>
-              </a>
             </div>
 
             <div className='sidebar-menu__section'>