From 6fa875e2611391804a99db98a0dcd9011590ef3d Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 8 Oct 2021 16:28:05 -0500
Subject: [PATCH] RemoteTimeline: use SubNavigation

---
 app/soapbox/features/remote_timeline/index.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

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