Progress

app/javascript/gabsocial/pages/community_page.js

@@ -1,5 +1,7 @@
 import { Fragment } from 'react'
+import { defineMessages, injectIntl } from 'react-intl'
 import { openModal } from '../actions/modal'
+import PageTitle from '../features/ui/util/page_title'
 import GroupSidebarPanel from '../components/panel/groups_panel'
 import LinkFooter from '../components/link_footer'
 import WhoToFollowPanel from '../components/panel/who_to_follow_panel'
@@ -10,6 +12,10 @@ import DefaultLayout from '../layouts/default_layout'
 import TimelineComposeBlock from '../components/timeline_compose_block'
 import Divider from '../components/divider'
 
+const messages = defineMessages({
+  community: { 'id': 'column.community', 'defaultMessage': 'Community timeline' },
+})
+
 const mapDispatchToProps = (dispatch) => ({
   onOpenCommunityPageSettingsModal() {
     dispatch(openModal('COMMUNITY_TIMELINE_SETTINGS'))
@@ -17,23 +23,24 @@ const mapDispatchToProps = (dispatch) => ({
 })
 
 export default
+@injectIntl
 @connect(null, mapDispatchToProps)
 class CommunityPage extends PureComponent {
 
   static propTypes = {
+    intl: PropTypes.object.isRequired,
+    children: PropTypes.node.isRequired,
     onOpenCommunityPageSettingsModal: PropTypes.func.isRequired,
   }
 
-  componentDidMount() {
-    document.title = '(1) Community - Gab'
-  }
-
   render() {
-    const { children, onOpenCommunityPageSettingsModal } = this.props
+    const { intl, children, onOpenCommunityPageSettingsModal } = this.props
+
+    const title = intl.formatMessage(messages.community)
 
     return (
       <DefaultLayout
-        title='Community Timeline'
+        title={title}
         actions={[
           {
             icon: 'ellipsis',
@@ -51,6 +58,7 @@ class CommunityPage extends PureComponent {
           </Fragment>
         )}
       >
+        <PageTitle path={title} />
         <TimelineComposeBlock autoFocus={false} />
         <Divider />
         {children}