Add groups link to sidebar

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

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'

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} />

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",