[Glitch] Enable media timeline

Port 8182b61518 to glitch-soc

app/javascript/flavours/glitch/features/community_timeline/index.js

@@ -8,7 +8,7 @@ import ColumnHeader from 'flavours/glitch/components/column_header';
 import { expandCommunityTimeline } from 'flavours/glitch/actions/timelines';
 import { addColumn, removeColumn, moveColumn, changeColumnParams } from 'flavours/glitch/actions/columns';
 import ColumnSettingsContainer from './containers/column_settings_container';
-// import SectionHeadline from './components/section_headline';
+import SectionHeadline from './components/section_headline';
 import { connectCommunityStream } from 'flavours/glitch/actions/streaming';
 
 const messages = defineMessages({
@@ -104,17 +104,15 @@ export default class CommunityTimeline extends React.PureComponent {
     const { intl, hasUnread, columnId, multiColumn, onlyMedia } = this.props;
     const pinned = !!columnId;
 
-    // pending
+    const headline = (
-    //
+      <SectionHeadline
-    // const headline = (
+        timelineId='community'
-    //   <SectionHeadline
+        to='/timelines/public/local'
-    //     timelineId='community'
+        pinned={pinned}
-    //     to='/timelines/public/local'
+        onlyMedia={onlyMedia}
-    //     pinned={pinned}
+        onClick={this.handleHeadlineLinkClick}
-    //     onlyMedia={onlyMedia}
+      />
-    //     onClick={this.handleHeadlineLinkClick}
+    );
-    //   />
-    // );
 
     return (
       <Column ref={this.setRef} name='local' label={intl.formatMessage(messages.title)}>
@@ -132,7 +130,7 @@ export default class CommunityTimeline extends React.PureComponent {
         </ColumnHeader>
 
         <StatusListContainer
-          // prepend={headline}
+          prepend={headline}
           trackScroll={!pinned}
           scrollKey={`community_timeline-${columnId}`}
           shouldUpdateScroll={this.shouldUpdateScroll}

app/javascript/flavours/glitch/features/public_timeline/index.js

@@ -8,7 +8,7 @@ import ColumnHeader from 'flavours/glitch/components/column_header';
 import { expandPublicTimeline } from 'flavours/glitch/actions/timelines';
 import { addColumn, removeColumn, moveColumn, changeColumnParams } from 'flavours/glitch/actions/columns';
 import ColumnSettingsContainer from './containers/column_settings_container';
-// import SectionHeadline from '../community_timeline/components/section_headline';
+import SectionHeadline from '../community_timeline/components/section_headline';
 import { connectPublicStream } from 'flavours/glitch/actions/streaming';
 
 const messages = defineMessages({
@@ -104,17 +104,15 @@ export default class PublicTimeline extends React.PureComponent {
     const { intl, columnId, hasUnread, multiColumn, onlyMedia } = this.props;
     const pinned = !!columnId;
 
-    // pending
+    const headline = (
-    //
+      <SectionHeadline
-    // const headline = (
+        timelineId='public'
-    //   <SectionHeadline
+        to='/timelines/public'
-    //     timelineId='public'
+        pinned={pinned}
-    //     to='/timelines/public'
+        onlyMedia={onlyMedia}
-    //     pinned={pinned}
+        onClick={this.handleHeadlineLinkClick}
-    //     onlyMedia={onlyMedia}
+      />
-    //     onClick={this.handleHeadlineLinkClick}
+    );
-    //   />
-    // );
 
     return (
       <Column ref={this.setRef} name='federated' label={intl.formatMessage(messages.title)}>
@@ -132,7 +130,7 @@ export default class PublicTimeline extends React.PureComponent {
         </ColumnHeader>
 
         <StatusListContainer
-          // prepend={headline}
+          prepend={headline}
           timelineId={`public${onlyMedia ? ':media' : ''}`}
           onLoadMore={this.handleLoadMore}
           trackScroll={!pinned}