Setting ID DESC order on server, disable reorder on client

Author: marcusvmsa

app/controllers/comments_controller.rb

@@ -4,7 +4,7 @@ class CommentsController < ApplicationController
   # GET /comments
   # GET /comments.json
   def index
-    @comments = Comment.all
+    @comments = Comment.all.order("id DESC")
   end
 
   # GET /comments/1

app/controllers/pages_controller.rb

@@ -32,6 +32,6 @@ def simple
   private
 
   def set_comments
-    @comments = Comment.all
+    @comments = Comment.all.order("id DESC")
   end
 end

client/app/bundles/comments/components/CommentBox/CommentList/CommentList.jsx

@@ -33,7 +33,7 @@ export default class CommentList extends BaseComponent {
 
   render() {
     const { $$comments, cssTransitionGroupClassNames } = this.props;
-    const commentNodes = $$comments.reverse().map($$comment => {
+    const commentNodes = $$comments.map($$comment => {
       // `key` is a React-specific concept and is not mandatory for the
       // purpose of this tutorial. if you're curious, see more here:
       // http://facebook.github.io/react/docs/multiple-components.html#dynamic-children

client/app/bundles/comments/components/CommentBox/CommentList/CommentList.spec.jsx

@@ -31,7 +31,7 @@ describe('CommentList', () => {
     }),
   );
 
-  it('renders a list of Comments in reverse order', () => {
+  it('renders a list of Comments in normal order', () => {
     const component = renderIntoDocument(
       <CommentList
         $$comments={comments}
@@ -40,8 +40,8 @@ describe('CommentList', () => {
     );
     const list = scryRenderedComponentsWithType(component, Comment);
     expect(list.length).to.equal(2);
-    expect(list[0].props.author).to.equal('Furter');
-    expect(list[1].props.author).to.equal('Frank');
+    expect(list[0].props.author).to.equal('Frank');
+    expect(list[1].props.author).to.equal('Furter');
   });
 
   it('renders an alert if errors', () => {

client/app/bundles/comments/components/SimpleCommentScreen/SimpleCommentScreen.jsx

@@ -53,7 +53,7 @@ export default class SimpleCommentScreen extends BaseComponent {
           const $$comment = Immutable.fromJS(comment);
 
           this.setState({
-            $$comments: $$comments.push($$comment),
+            $$comments: $$comments.unshift($$comment),
             isSaving: false,
           });
         })

client/app/bundles/comments/reducers/commentsReducer.js

@@ -37,7 +37,7 @@ export default function commentsReducer($$state = $$initialState, action = null)
         state
           .updateIn(
             ['$$comments'],
-            $$comments => $$comments.push(Immutable.fromJS(comment))
+            $$comments => $$comments.unshift(Immutable.fromJS(comment))
           )
           .merge({
             submitCommentError: null,