RemoteTimeline: use SubNavigation

This commit is contained in:
Alex Gleason 2021-10-08 16:28:05 -05:00
parent 080cef309d
commit 6fa875e261
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 3 additions and 5 deletions

View File

@ -3,8 +3,7 @@ import { connect } from 'react-redux';
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl'; import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import StatusListContainer from '../ui/containers/status_list_container'; import StatusListContainer from '../ui/containers/status_list_container';
import Column from '../../components/column'; import Column from 'soapbox/features/ui/components/column';
import HomeColumnHeader from '../../components/home_column_header';
import PinnedHostsPicker from './components/pinned_hosts_picker'; import PinnedHostsPicker from './components/pinned_hosts_picker';
import IconButton from 'soapbox/components/icon_button'; import IconButton from 'soapbox/components/icon_button';
import { expandRemoteTimeline } from '../../actions/timelines'; import { expandRemoteTimeline } from '../../actions/timelines';
@ -82,11 +81,10 @@ class RemoteTimeline extends React.PureComponent {
} }
render() { render() {
const { intl, hasUnread, onlyMedia, timelineId, instance, pinned } = this.props; const { intl, onlyMedia, timelineId, instance, pinned } = this.props;
return ( return (
<Column label={intl.formatMessage(messages.title)} transparent> <Column label={intl.formatMessage(messages.title)} heading={instance} transparent>
<HomeColumnHeader activeItem='fediverse' active={hasUnread} />
<PinnedHostsPicker host={instance} /> <PinnedHostsPicker host={instance} />
{!pinned && <div className='timeline-filter-message'> {!pinned && <div className='timeline-filter-message'>
<IconButton icon='times' onClick={this.handleCloseClick} /> <IconButton icon='times' onClick={this.handleCloseClick} />