diff --git a/app/soapbox/components/sidebar-navigation.tsx b/app/soapbox/components/sidebar-navigation.tsx
index 0898279f9a..b15b2d72ae 100644
--- a/app/soapbox/components/sidebar-navigation.tsx
+++ b/app/soapbox/components/sidebar-navigation.tsx
@@ -27,7 +27,7 @@ const SidebarNavigation = () => {
}
+ text={}
/>
{account && (
@@ -42,7 +42,7 @@ const SidebarNavigation = () => {
to='/notifications'
icon={require('icons/alert.svg')}
count={notificationCount}
- text={}
+ text={}
/>
{
/>
)}
- {/* {features.federating ? (
-
-
- {instance.title}
-
- ) : (
-
-
-
-
+ {(features.localTimeline || features.publicTimeline) && (
+
)}
- {features.federating && (
-
-
-
-
- )} */}
+ {features.localTimeline && (
+ }
+ />
+ )}
+
+ {(features.publicTimeline && features.federating) && (
+ }
+ />
+ )}
{account && (
diff --git a/app/soapbox/components/sidebar_menu.tsx b/app/soapbox/components/sidebar_menu.tsx
index 61a38a0ba1..c31ec29dbf 100644
--- a/app/soapbox/components/sidebar_menu.tsx
+++ b/app/soapbox/components/sidebar_menu.tsx
@@ -1,6 +1,6 @@
import classNames from 'classnames';
import React from 'react';
-import { defineMessages, useIntl } from 'react-intl';
+import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
import { useDispatch } from 'react-redux';
import { Link, NavLink } from 'react-router-dom';
@@ -37,7 +37,7 @@ const messages = defineMessages({
interface ISidebarLink {
to: string,
icon: string,
- text: string,
+ text: string | JSX.Element,
onClick: React.EventHandler,
}
@@ -62,6 +62,7 @@ const SidebarMenu: React.FC = (): JSX.Element | null => {
const { logo } = useSoapboxConfig();
const features = useFeatures();
const getAccount = makeGetAccount();
+ const instance = useAppSelector((state) => state.instance);
const me = useAppSelector((state) => state.me);
const account = useAppSelector((state) => me ? getAccount(state, me) : null);
const otherAccounts: ImmutableList = useAppSelector((state) => getOtherAccounts(state));
@@ -130,7 +131,7 @@ const SidebarMenu: React.FC = (): JSX.Element | null => {
{logo ? (
-
+
): (
{
+ {/* TODO: make this available to everyone */}
{account.staff && (