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 ? ( - Logo + Logo ): ( { + {/* TODO: make this available to everyone */} {account.staff && (