diff --git a/src/components/sidebar-menu.tsx b/src/components/sidebar-menu.tsx index 0b7993854..66dbb14f0 100644 --- a/src/components/sidebar-menu.tsx +++ b/src/components/sidebar-menu.tsx @@ -248,8 +248,8 @@ const SidebarMenu: React.FC = (): JSX.Element | null => { } + icon={features.federating ? require('@tabler/icons/outline/at.svg') : require('@tabler/icons/outline/world.svg')} + text={features.federating ? instance.domain : } onClick={onClose} /> diff --git a/src/components/sidebar-navigation.tsx b/src/components/sidebar-navigation.tsx index a9a94c6c4..199eef21b 100644 --- a/src/components/sidebar-navigation.tsx +++ b/src/components/sidebar-navigation.tsx @@ -178,8 +178,8 @@ const SidebarNavigation = () => { {(account || !restrictUnauth.timelines.local) && ( } + icon={features.federating ? require('@tabler/icons/outline/at.svg') : require('@tabler/icons/outline/world.svg')} + text={features.federating ? instance.domain : } /> )} diff --git a/src/features/community-timeline/index.tsx b/src/features/community-timeline/index.tsx index 48ebcd049..137bb2805 100644 --- a/src/features/community-timeline/index.tsx +++ b/src/features/community-timeline/index.tsx @@ -1,23 +1,19 @@ import React, { useEffect } from 'react'; -import { defineMessages, FormattedMessage, useIntl } from 'react-intl'; +import { FormattedMessage } from 'react-intl'; import { expandCommunityTimeline } from 'soapbox/actions/timelines'; import { useCommunityStream } from 'soapbox/api/hooks'; import PullToRefresh from 'soapbox/components/pull-to-refresh'; import { Column } from 'soapbox/components/ui'; -import { useAppSelector, useAppDispatch, useSettings, useTheme } from 'soapbox/hooks'; +import { useAppSelector, useAppDispatch, useSettings, useTheme, useInstance } from 'soapbox/hooks'; import { useIsMobile } from 'soapbox/hooks/useIsMobile'; import Timeline from '../ui/components/timeline'; -const messages = defineMessages({ - title: { id: 'column.community', defaultMessage: 'Local timeline' }, -}); - const CommunityTimeline = () => { - const intl = useIntl(); const dispatch = useAppDispatch(); const theme = useTheme(); + const instance = useInstance(); const settings = useSettings(); const onlyMedia = settings.community.other.onlyMedia; @@ -41,7 +37,7 @@ const CommunityTimeline = () => { }, [onlyMedia]); return ( - +