From 34f13e14d3d32b3153114484ee2aa79361daf1de Mon Sep 17 00:00:00 2001
From: Vikas Agarwal <vikas.agarwal@topcoder.com>
Date: Tue, 23 Apr 2019 16:42:50 +0530
Subject: [PATCH] Github issue#2934, Newest message displays at the top of
 thread - Moving Add Post text box above the comments to match with the new
 reversed order of posts

---
 src/components/Feed/FeedComments.jsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/Feed/FeedComments.jsx b/src/components/Feed/FeedComments.jsx
index cab9148a7..6f47bfa52 100644
--- a/src/components/Feed/FeedComments.jsx
+++ b/src/components/Feed/FeedComments.jsx
@@ -373,16 +373,6 @@ class FeedComments extends React.Component {
         <MediaQuery minWidth={SCREEN_BREAKPOINT_MD}>
           {(matches) => (matches ? (
             <div>
-              <div styleName="comments">
-                {commentRows}
-                {hasMoreComments &&
-                  <div styleName="load-more" key="load-more">
-                    <a href="javascript:" onClick={ handleLoadMoreClick } styleName="load-btn">
-                      {isLoadingComments ? 'Loading...' : 'load earlier posts'}
-                    </a>
-                  </div>
-                }
-              </div>
               {allowComments &&
                 <div styleName="add-comment" key="add-comment">
                   <AddComment
@@ -398,6 +388,16 @@ class FeedComments extends React.Component {
                   />
                 </div>
               }
+              <div styleName="comments">
+                {commentRows}
+                {hasMoreComments &&
+                  <div styleName="load-more" key="load-more">
+                    <a href="javascript:" onClick={ handleLoadMoreClick } styleName="load-btn">
+                      {isLoadingComments ? 'Loading...' : 'load earlier posts'}
+                    </a>
+                  </div>
+                }
+              </div>
             </div>
           ) : (
             <div>