From 4e67d0777f0437c5a09a5e0a08a3deb279bd2177 Mon Sep 17 00:00:00 2001
From: David Lu <david.lu@hotmail.com>
Date: Mon, 27 Jun 2016 07:45:56 -0400
Subject: made channel header in mobile view correct (#3418)

---
 webapp/components/navbar.jsx | 51 +++++++++++++++++++++++++++++++++++---------
 1 file changed, 41 insertions(+), 10 deletions(-)

(limited to 'webapp')

diff --git a/webapp/components/navbar.jsx b/webapp/components/navbar.jsx
index 1942022bb..3bed4c477 100644
--- a/webapp/components/navbar.jsx
+++ b/webapp/components/navbar.jsx
@@ -69,6 +69,7 @@ export default class Navbar extends React.Component {
             channel: ChannelStore.getCurrent(),
             member: ChannelStore.getCurrentMember(),
             users: ChannelStore.getCurrentExtraInfo().members,
+            userCount: ChannelStore.getCurrentExtraInfo().member_count,
             currentUser: UserStore.getCurrentUser()
         };
     }
@@ -176,6 +177,21 @@ export default class Navbar extends React.Component {
     }
     createDropdown(channel, channelTitle, isAdmin, isDirect, popoverContent) {
         if (channel) {
+            let channelTerm = (
+                <FormattedMessage
+                    id='channel_header.channel'
+                    defaultMessage='Channel'
+                />
+                );
+            if (channel.type === Constants.PRIVATE_CHANNEL) {
+                channelTerm = (
+                    <FormattedMessage
+                        id='channel_header.group'
+                        defaultMessage='Group'
+                    />
+                );
+            }
+
             var viewInfoOption = (
                 <li role='presentation'>
                     <ToggleModalButton
@@ -199,8 +215,11 @@ export default class Navbar extends React.Component {
                         onClick={this.showEditChannelHeaderModal}
                     >
                         <FormattedMessage
-                            id='navbar.setHeader'
-                            defaultMessage='Set Channel Header...'
+                            id='channel_header.setHeader'
+                            defaultMessage='Set {term} Header...'
+                            values={{
+                                term: (channelTerm)
+                            }}
                         />
                     </a>
                 </li>
@@ -216,8 +235,11 @@ export default class Navbar extends React.Component {
                             onClick={() => this.setState({showEditChannelPurposeModal: true})}
                         >
                             <FormattedMessage
-                                id='navbar.setPurpose'
-                                defaultMessage='Set Channel Purpose...'
+                                id='channel_header.setPurpose'
+                                defaultMessage='Set {term} Purpose...'
+                                values={{
+                                    term: (channelTerm)
+                                }}
                             />
                         </a>
                     </li>
@@ -252,8 +274,11 @@ export default class Navbar extends React.Component {
                                 onClick={this.handleLeave}
                             >
                                 <FormattedMessage
-                                    id='navbar.leave'
-                                    defaultMessage='Leave Channel'
+                                    id='channel_header.leave'
+                                    defaultMessage='Leave {term}'
+                                    values={{
+                                        term: (channelTerm)
+                                    }}
                                 />
                             </a>
                         </li>
@@ -289,8 +314,11 @@ export default class Navbar extends React.Component {
                                 dialogProps={{channel}}
                             >
                                 <FormattedMessage
-                                    id='navbar.delete'
-                                    defaultMessage='Delete Channel...'
+                                    id='channel_header.delete'
+                                    defaultMessage='Delete {term}...'
+                                    values={{
+                                        term: (channelTerm)
+                                    }}
                                 />
                             </ToggleModalButton>
                         </li>
@@ -305,8 +333,11 @@ export default class Navbar extends React.Component {
                             onClick={this.showRenameChannelModal}
                         >
                             <FormattedMessage
-                                id='navbar.rename'
-                                defaultMessage='Rename Channel...'
+                                id='channel_header.rename'
+                                defaultMessage='Rename {term}...'
+                                values={{
+                                    term: (channelTerm)
+                                }}
                             />
                         </a>
                     </li>
-- 
cgit v1.2.3-1-g7c22