import { Component, Fragment } from 'react'; import PropTypes from 'prop-types'; import { defineMessages, injectIntl } from 'react-intl'; import { timelinePreview, showTrends } from 'flavours/glitch/initial_state'; import ColumnLink from './column_link'; import DisabledAccountBanner from './disabled_account_banner'; import FollowRequestsColumnLink from './follow_requests_column_link'; import ListPanel from './list_panel'; import NotificationsCounterIcon from './notifications_counter_icon'; import SignInBanner from './sign_in_banner'; import { preferencesLink } from 'flavours/glitch/utils/backend_links'; import NavigationPortal from 'flavours/glitch/components/navigation_portal'; const messages = defineMessages({ home: { id: 'tabs_bar.home', defaultMessage: 'Home' }, notifications: { id: 'tabs_bar.notifications', defaultMessage: 'Notifications' }, explore: { id: 'explore.title', defaultMessage: 'Explore' }, local: { id: 'tabs_bar.local_timeline', defaultMessage: 'Local' }, federated: { id: 'tabs_bar.federated_timeline', defaultMessage: 'Federated' }, direct: { id: 'navigation_bar.direct', defaultMessage: 'Direct messages' }, favourites: { id: 'navigation_bar.favourites', defaultMessage: 'Favourites' }, bookmarks: { id: 'navigation_bar.bookmarks', defaultMessage: 'Bookmarks' }, lists: { id: 'navigation_bar.lists', defaultMessage: 'Lists' }, preferences: { id: 'navigation_bar.preferences', defaultMessage: 'Preferences' }, followsAndFollowers: { id: 'navigation_bar.follows_and_followers', defaultMessage: 'Follows and followers' }, about: { id: 'navigation_bar.about', defaultMessage: 'About' }, search: { id: 'navigation_bar.search', defaultMessage: 'Search' }, app_settings: { id: 'navigation_bar.app_settings', defaultMessage: 'App settings' }, }); class NavigationPanel extends Component { static contextTypes = { router: PropTypes.object.isRequired, identity: PropTypes.object.isRequired, }; static propTypes = { intl: PropTypes.object.isRequired, onOpenSettings: PropTypes.func, }; render() { const { intl, onOpenSettings } = this.props; const { signedIn, disabledAccountId } = this.context.identity; return (
{signedIn && ( } text={intl.formatMessage(messages.notifications)} /> )} {showTrends ? ( ) : ( )} {(signedIn || timelinePreview) && ( <> )} {!signedIn && (

{ disabledAccountId ? : }
)} {signedIn && (
{!!preferencesLink && }
)}

); } } export default injectIntl(NavigationPanel);