From f829440104b51b6ee27560c6169083cac6d89bf2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sat, 17 Dec 2022 14:37:08 +0100
Subject: [PATCH] Add groups link to sidebar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/soapbox/components/sidebar-menu.tsx | 10 ++++++++++
 app/soapbox/features/ui/index.tsx       |  6 +++---
 app/soapbox/locales/pl.json             |  1 +
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/components/sidebar-menu.tsx b/app/soapbox/components/sidebar-menu.tsx
index 80a292ec9..c7ee4eb93 100644
--- a/app/soapbox/components/sidebar-menu.tsx
+++ b/app/soapbox/components/sidebar-menu.tsx
@@ -34,6 +34,7 @@ const messages = defineMessages({
   logout: { id: 'navigation_bar.logout', defaultMessage: 'Logout' },
   bookmarks: { id: 'column.bookmarks', defaultMessage: 'Bookmarks' },
   lists: { id: 'column.lists', defaultMessage: 'Lists' },
+  groups: { id: 'column.groups', defaultMessage: 'Groups' },
   events: { id: 'column.events', defaultMessage: 'Events' },
   invites: { id: 'navigation_bar.invites', defaultMessage: 'Invites' },
   developers: { id: 'navigation.developers', defaultMessage: 'Developers' },
@@ -200,6 +201,15 @@ const SidebarMenu: React.FC = (): JSX.Element | null => {
                   />
                 )}
 
+                {features.groups && (
+                  <SidebarLink
+                    to='/groups'
+                    icon={require('@tabler/icons/circles.svg')}
+                    text={intl.formatMessage(messages.groups)}
+                    onClick={onClose}
+                  />
+                )}
+
                 {features.lists && (
                   <SidebarLink
                     to='/lists'
diff --git a/app/soapbox/features/ui/index.tsx b/app/soapbox/features/ui/index.tsx
index e5db4eb64..03aba8187 100644
--- a/app/soapbox/features/ui/index.tsx
+++ b/app/soapbox/features/ui/index.tsx
@@ -277,9 +277,9 @@ const SwitchingColumnsArea: React.FC = ({ children }) => {
       {features.events && <WrappedRoute path='/@:username/events/:statusId/discussion' publicRoute exact page={EventPage} component={EventDiscussion} content={children} />}
       <Redirect from='/@:username/:statusId' to='/@:username/posts/:statusId' />
 
-      <WrappedRoute path='/groups' exact page={GroupsPage} component={Groups} content={children} />
-      <WrappedRoute path='/groups/:id' exact page={GroupPage} component={GroupTimeline} content={children} />
-      <WrappedRoute path='/groups/:id/members' exact page={GroupPage} component={GroupMembers} content={children} />
+      {features.groups && <WrappedRoute path='/groups' exact page={GroupsPage} component={Groups} content={children} />}
+      {features.groups && <WrappedRoute path='/groups/:id' exact page={GroupPage} component={GroupTimeline} content={children} />}
+      {features.groups && <WrappedRoute path='/groups/:id/members' exact page={GroupPage} component={GroupMembers} content={children} />}
 
       <WrappedRoute path='/statuses/new' page={DefaultPage} component={NewStatus} content={children} exact />
       <WrappedRoute path='/statuses/:statusId' exact page={StatusPage} component={Status} content={children} />
diff --git a/app/soapbox/locales/pl.json b/app/soapbox/locales/pl.json
index aab97ceaf..550d6f8df 100644
--- a/app/soapbox/locales/pl.json
+++ b/app/soapbox/locales/pl.json
@@ -324,6 +324,7 @@
   "column.follow_requests": "Prośby o obserwację",
   "column.followers": "Obserwujący",
   "column.following": "Obserwowani",
+  "column.groups": "Grupy",
   "column.home": "Strona główna",
   "column.import_data": "Importuj dane",
   "column.info": "Informacje o serwerze",