From 2b06f20f416d0e9c611313a239a26ef95c38124f Mon Sep 17 00:00:00 2001
From: Deluan <deluan@deluan.com>
Date: Tue, 14 Apr 2020 08:52:26 -0400
Subject: [PATCH] Close the sidebar menu when clicking "Personal" in mobile
 screens

---
 ui/src/layout/Menu.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/src/layout/Menu.js b/ui/src/layout/Menu.js
index af0370fc5..572ad332e 100644
--- a/ui/src/layout/Menu.js
+++ b/ui/src/layout/Menu.js
@@ -28,6 +28,7 @@ const Menu = ({ onMenuClick, dense, logout }) => {
   const translate = useTranslate()
   const resources = useSelector(getResources)
 
+  // TODO State is not persisted in mobile when you close the sidebar menu. Move to redux?
   const [state, setState] = useState({
     menuLibrary: true,
     menuSettings: false
@@ -75,7 +76,11 @@ const Menu = ({ onMenuClick, dense, logout }) => {
         dense={dense}
       >
         {resources.filter(subItems('settings')).map(renderMenuItemLink)}
-        <PersonalMenu dense={dense} sidebarIsOpen={open} />
+        <PersonalMenu
+          dense={dense}
+          sidebarIsOpen={open}
+          onClick={onMenuClick}
+        />
       </SubMenu>
       {resources.filter(subItems(undefined)).map(renderMenuItemLink)}
       {isXsmall && logout}