From 4abe6037bbc57bba77b0ceb9014595e37f9d1710 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Mon, 1 Feb 2016 19:37:07 +0500
Subject: Fixing system console and changing swapping icon with reply icon

---
 web/react/components/admin_console/analytics.jsx | 20 +++++++-----
 web/react/components/post_info.jsx               | 41 +++++++++++-------------
 web/react/components/search_results_item.jsx     |  2 +-
 3 files changed, 31 insertions(+), 32 deletions(-)

(limited to 'web/react/components')

diff --git a/web/react/components/admin_console/analytics.jsx b/web/react/components/admin_console/analytics.jsx
index ff5903c62..a22c26c34 100644
--- a/web/react/components/admin_console/analytics.jsx
+++ b/web/react/components/admin_console/analytics.jsx
@@ -104,10 +104,12 @@ export default class Analytics extends React.Component {
             let content;
             if (this.props.postCountsDay.labels.length === 0) {
                 content = (
-                    <FormattedMessage
-                        id='admin.analytics.meaningful'
-                        defaultMessage='Not enough data for a meaningful representation.'
-                    />
+                    <h5>
+                        <FormattedMessage
+                            id='admin.analytics.meaningful'
+                            defaultMessage='Not enough data for a meaningful representation.'
+                        />
+                    </h5>
                 );
             } else {
                 content = (
@@ -153,10 +155,12 @@ export default class Analytics extends React.Component {
             let content;
             if (this.props.userCountsWithPostsDay.labels.length === 0) {
                 content = (
-                    <FormattedMessage
-                        id='admin.analytics.meaningful'
-                        defaultMessage='Not enough data for a meaningful representation.'
-                    />
+                    <h5>
+                        <FormattedMessage
+                            id='admin.analytics.meaningful'
+                            defaultMessage='Not enough data for a meaningful representation.'
+                        />
+                    </h5>
                 );
             } else {
                 content = (
diff --git a/web/react/components/post_info.jsx b/web/react/components/post_info.jsx
index 73b47024c..2bff675a9 100644
--- a/web/react/components/post_info.jsx
+++ b/web/react/components/post_info.jsx
@@ -22,26 +22,6 @@ export default class PostInfo extends React.Component {
 
         this.handlePermalinkCopy = this.handlePermalinkCopy.bind(this);
     }
-    createReplyLink() {
-        if (this.props.allowReply === 'true') {
-            var hideReply = '';
-
-            if (this.props.commentCount >= 1) {
-                hideReply = ' post__reply--hide';
-            }
-
-            return (
-                <div className={'post__reply' + hideReply}>
-                    <a
-                        onClick={this.props.handleCommentClick}
-                        href='#'
-                    >
-                        <span dangerouslySetInnerHTML={{__html: Constants.REPLY_ICON}}/>
-                    </a>
-                </div>
-            );
-        }
-    }
     createDropdown() {
         var post = this.props.post;
         var isOwner = UserStore.getCurrentId() === post.user_id;
@@ -62,6 +42,23 @@ export default class PostInfo extends React.Component {
             dataComments = this.props.commentCount;
         }
 
+        if (this.props.allowReply === 'true') {
+            dropdownContents.push(
+                 <li
+                     key='replyLink'
+                     role='presentation'
+                 >
+                     <a
+                         className='link__reply theme'
+                         href='#'
+                         onClick={this.props.handleCommentClick}
+                     >
+                         {'Reply'}
+                     </a>
+                 </li>
+             );
+        }
+
         dropdownContents.push(
             <li
                 key='copyLink'
@@ -176,7 +173,7 @@ export default class PostInfo extends React.Component {
                 >
                     <span
                         className='comment-icon'
-                        dangerouslySetInnerHTML={{__html: Constants.COMMENT_ICON}}
+                        dangerouslySetInnerHTML={{__html: Constants.REPLY_ICON}}
                     />
                     {commentCountText}
                 </a>
@@ -184,7 +181,6 @@ export default class PostInfo extends React.Component {
         }
 
         var dropdown = this.createDropdown();
-        var replyLink = this.createReplyLink();
 
         const permalink = TeamStore.getCurrentTeamUrl() + '/pl/' + post.id;
         const copyButtonText = this.state.copiedLink ? (<div>{'Copy '}<i className='fa fa-check'/></div>) : 'Copy';
@@ -227,7 +223,6 @@ export default class PostInfo extends React.Component {
                     />
                 </li>
                 <li className='col col__reply'>
-                    {replyLink}
                     <div
                         className='dropdown'
                         ref='dotMenu'
diff --git a/web/react/components/search_results_item.jsx b/web/react/components/search_results_item.jsx
index f235cac0a..e4f83eb1c 100644
--- a/web/react/components/search_results_item.jsx
+++ b/web/react/components/search_results_item.jsx
@@ -89,7 +89,7 @@ export default class SearchResultsItem extends React.Component {
                                 >
                                     <span
                                         className='comment-icon'
-                                        dangerouslySetInnerHTML={{__html: Constants.COMMENT_ICON}}
+                                        dangerouslySetInnerHTML={{__html: Constants.REPLY_ICON}}
                                     />
                                 </a>
                             </li>
-- 
cgit v1.2.3-1-g7c22