From f89cfb08d93a3f2b32023cc82cdf4a2739bf1b79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 28 Jun 2025 13:35:23 +0200
Subject: [PATCH] pl-fe: a11y: make sidebar button also close it
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/thumb-navigation.tsx | 9 +++++----
 packages/pl-fe/src/locales/en.json                 | 1 +
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/components/thumb-navigation.tsx b/packages/pl-fe/src/components/thumb-navigation.tsx
index dc4838abd..a4c048c1e 100644
--- a/packages/pl-fe/src/components/thumb-navigation.tsx
+++ b/packages/pl-fe/src/components/thumb-navigation.tsx
@@ -21,7 +21,8 @@ const messages = defineMessages({
   notifications: { id: 'navigation.notifications', defaultMessage: 'Notifications' },
   chats: { id: 'navigation.chats', defaultMessage: 'Chats' },
   compose: { id: 'navigation.compose', defaultMessage: 'Compose' },
-  sidebar: { id: 'navigation.sidebar', defaultMessage: 'Open sidebar' },
+  openSidebar: { id: 'navigation.sidebar', defaultMessage: 'Open sidebar' },
+  closeSidebar: { id: 'navigation.sidebar.close', defaultMessage: 'Close sidebar' },
 });
 
 const ThumbNavigation: React.FC = React.memo((): JSX.Element => {
@@ -32,7 +33,7 @@ const ThumbNavigation: React.FC = React.memo((): JSX.Element => {
 
   const match = useRouteMatch<{ groupId: string }>('/groups/:groupId');
 
-  const { openSidebar } = useUiStore();
+  const { openSidebar, closeSidebar, isSidebarOpen } = useUiStore();
   const { openModal } = useModalsStore();
   const { unreadChatsCount } = useStatContext();
 
@@ -67,8 +68,8 @@ const ThumbNavigation: React.FC = React.memo((): JSX.Element => {
     <div className='fixed inset-x-0 bottom-0 z-50 flex w-full overflow-x-auto border-t border-solid border-gray-200 bg-white/90 shadow-2xl backdrop-blur-md black:bg-black/80 dark:border-gray-800 dark:bg-primary-900/90 lg:hidden'>
       <button
         className='flex flex-1 flex-col items-center px-2 py-4 text-lg text-gray-600'
-        onClick={openSidebar}
-        title={intl.formatMessage(messages.sidebar)}
+        onClick={isSidebarOpen ? closeSidebar : openSidebar}
+        title={intl.formatMessage(isSidebarOpen ? messages.closeSidebar : messages.openSidebar)}
       >
         <Icon
           src={require('@tabler/icons/outline/menu-2.svg')}
diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 2d60d8fbc..996de2f10 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -1172,6 +1172,7 @@
   "navigation.notifications": "Notifications",
   "navigation.search": "Search",
   "navigation.sidebar": "Open sidebar",
+  "navigation.sidebar.close": "Close sidebar",
   "navigation.source_code": "Source code",
   "navigation_bar.account_aliases": "Account aliases",
   "navigation_bar.blocks": "Blocks",