diff --git a/src/components/Sidebar/DiscussionsButton.tsx b/src/components/Sidebar/DiscussionsButton.tsx
new file mode 100644
index 0000000..80306f5
--- /dev/null
+++ b/src/components/Sidebar/DiscussionsButton.tsx
@@ -0,0 +1,19 @@
+import { usePrimaryPage } from '@/PageManager'
+import { MessageCircle } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import SidebarItem from './SidebarItem'
+
+export default function DiscussionsButton() {
+ const { t } = useTranslation()
+ const { navigate, current } = usePrimaryPage()
+
+ return (
+ navigate('discussions')}
+ active={current === 'discussions'}
+ >
+
+
+ )
+}
diff --git a/src/components/Sidebar/index.tsx b/src/components/Sidebar/index.tsx
index df67b3d..633ec4c 100644
--- a/src/components/Sidebar/index.tsx
+++ b/src/components/Sidebar/index.tsx
@@ -2,6 +2,7 @@ import Icon from '@/assets/Icon'
import Logo from '@/assets/Logo'
import { useScreenSize } from '@/providers/ScreenSizeProvider'
import AccountButton from './AccountButton'
+import DiscussionsButton from './DiscussionsButton'
import RelaysButton from './ExploreButton'
import HomeButton from './HomeButton'
import NotificationsButton from './NotificationButton'
@@ -23,6 +24,7 @@ export default function PrimaryPageSidebar() {
+
diff --git a/src/pages/primary/DiscussionsPage/TopicFilter.tsx b/src/pages/primary/DiscussionsPage/TopicFilter.tsx
index 842aeea..d4572ef 100644
--- a/src/pages/primary/DiscussionsPage/TopicFilter.tsx
+++ b/src/pages/primary/DiscussionsPage/TopicFilter.tsx
@@ -22,7 +22,7 @@ export default function TopicFilter({ topics, selectedTopic, onTopicChange }: To
-
+
{topics.map(topic => (
{