From 6a270a8e6decdc2fd83277aee7d1e513463f2ca8 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 11 May 2022 15:35:33 -0500
Subject: [PATCH 1/2] SidebarNavigation: display follow requests counter

---
 app/soapbox/components/sidebar-navigation.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/soapbox/components/sidebar-navigation.tsx b/app/soapbox/components/sidebar-navigation.tsx
index fbb91ce604..fa32e886fd 100644
--- a/app/soapbox/components/sidebar-navigation.tsx
+++ b/app/soapbox/components/sidebar-navigation.tsx
@@ -35,8 +35,7 @@ const SidebarNavigation = () => {
           to: '/follow_requests',
           text: <FormattedMessage id='navigation_bar.follow_requests' defaultMessage='Follow requests' />,
           icon: require('@tabler/icons/icons/user-plus.svg'),
-          // TODO: let menu items have a counter
-          // count: followRequestsCount,
+          count: followRequestsCount,
         });
       }
 

From 67853f6efa8d44ed5d75a88e77fe2a4f7c6900d6 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 11 May 2022 15:37:15 -0500
Subject: [PATCH 2/2] SidebarNavigation: use the bell icon

---
 app/icons/alert.svg                           | 1 -
 app/soapbox/components/sidebar-navigation.tsx | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)
 delete mode 100644 app/icons/alert.svg

diff --git a/app/icons/alert.svg b/app/icons/alert.svg
deleted file mode 100644
index 9ec4beec2a..0000000000
--- a/app/icons/alert.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 14v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h6M19 9a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
diff --git a/app/soapbox/components/sidebar-navigation.tsx b/app/soapbox/components/sidebar-navigation.tsx
index fa32e886fd..6839ba8a33 100644
--- a/app/soapbox/components/sidebar-navigation.tsx
+++ b/app/soapbox/components/sidebar-navigation.tsx
@@ -157,7 +157,7 @@ const SidebarNavigation = () => {
 
             <SidebarNavigationLink
               to='/notifications'
-              icon={require('icons/alert.svg')}
+              icon={require('@tabler/icons/icons/bell.svg')}
               count={notificationCount}
               text={<FormattedMessage id='tabs_bar.notifications' defaultMessage='Notifications' />}
             />