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 => {