General improvements to postlist and post

app/controllers/comments_controller.rb

@@ -15,7 +15,8 @@ class CommentsController < ApplicationController
     comment = Comment.new(comment_params)
 
     if comment.save
-      render json: comment, status: :created
+      render json: comment.attributes.merge({ user_full_name: current_user.full_name}),
+        status: :created
     else
       render json: {
         error: I18n.t('errors.comment.create', message: comment.errors.full_messages)

app/controllers/posts_controller.rb

@@ -3,7 +3,9 @@ class PostsController < ApplicationController
 
   def index
     posts = Post
-      .select(:id, :title, :description, :post_status_id)
+      .select('posts.id, title, description, post_status_id, COUNT(comments.id) as comments_count')
+      .left_outer_joins(:comments)
+      .group('posts.id')
       .where(filter_params)
       .search_by_name_or_description(params[:search])
       .page(params[:page])
@@ -16,7 +18,7 @@ class PostsController < ApplicationController
     post = Post.new(post_params)
 
     if post.save
-      render json: post, status: :no_content
+      render json: post, status: :created
     else
       render json: {
         error: I18n.t('errors.post.create', message: post.errors.full_messages)

app/javascript/components/Board/NewPost.tsx

@@ -92,7 +92,7 @@ class NewPost extends React.Component<Props, State> {
     }
 
     try {
-      let res = await fetch('/posts', {
+      const res = await fetch('/posts', {
         method: 'POST',
         headers: {
           Accept: 'application/json',
@@ -107,18 +107,22 @@ class NewPost extends React.Component<Props, State> {
           },
         }),
       });
+      const json = await res.json();
       this.setState({isLoading: false});
 
-      if (res.status === 204) {
+      if (res.status === 201) {
         this.setState({
-          success: 'Your post has been published!',
+          success: 'Post published! You will be redirected soon...',
 
           title: '',
           description: '',
         });
+
+        setTimeout(() => (
+          window.location.href = `/posts/${json.id}`
+        ), 1000);
       } else {
-        let data = await res.json();
-        this.setState({error: data.error});
+        this.setState({error: json.error});
       }
 
     } catch (e) {

app/javascript/components/Board/PostList.tsx

@@ -50,6 +50,7 @@ const PostList = ({
               title={post.title}
               description={post.description}
               postStatus={postStatuses.find(postStatus => postStatus.id === post.postStatusId)}
+              commentsCount={post.commentsCount}
 
               key={i}
             />

app/javascript/components/Board/PostListItem.tsx

@@ -11,16 +11,17 @@ interface Props {
   title: string;
   description?: string;
   postStatus: IPostStatus;
+  commentsCount: number;
 }
 
-const PostListItem = ({ id, title, description, postStatus}: Props) => (
+const PostListItem = ({ id, title, description, postStatus, commentsCount }: Props) => (
   <a href={`/posts/${id}`} className="postLink">
     <div className="postListItem">
       <span className="postTitle">{title}</span>
       <DescriptionText limit={120}>{description}</DescriptionText>
 
       <div className="postDetails">
-        <CommentsNumber number={0} />
+        <CommentsNumber number={commentsCount} />
         { postStatus ? <PostStatusLabel {...postStatus} /> : null }
       </div>
     </div>

app/javascript/components/Comments/NewComment.tsx

@@ -31,6 +31,7 @@ const NewComment = ({
             value={body}
             onChange={handleChange}
             placeholder="Leave a comment"
+            autoFocus
             className="newCommentBody"
           />
           <Button

app/javascript/helpers/friendlyDate.js

@@ -5,8 +5,7 @@ const friendlyDate = date => {
   var secondsPast = (now.getTime() - timeStamp.getTime()) / 1000;
   
   if (secondsPast < 60) {
-    secondsPast = parseInt(secondsPast);
-    return secondsPast + ' ' + (secondsPast === 1 ? 'second' : 'seconds') + ' ago';
+    return 'just now';
   } else if (secondsPast < 3600) {
     let minutesPast = parseInt(secondsPast / 60);
     return minutesPast + ' ' + (minutesPast === 1 ? 'minute' : 'minutes') + ' ago';

app/javascript/interfaces/IPost.ts

@@ -4,6 +4,7 @@ interface IPost {
   description?: string;
   boardId: number;
   postStatusId?: number;
+  commentsCount: number;
   userId: number;
   createdAt: string;
 }

app/javascript/interfaces/json/IPost.ts

@@ -4,6 +4,7 @@ interface IPostJSON {
   description?: string;
   board_id: number;
   post_status_id?: number;
+  comments_count: number;
   user_id: number;
   created_at: string;
 }

app/javascript/reducers/commentsReducer.ts

@@ -100,7 +100,6 @@ const commentsReducer = (
       };
 
     case COMMENT_SUBMIT_SUCCESS:
-      console.log(action.comment);
       return {
         ...state,
         items: [commentReducer(undefined, commentRequestSuccess(action.comment)), ...state.items],

app/javascript/reducers/postReducer.ts

@@ -14,6 +14,7 @@ const initialState: IPost = {
   description: null,
   boardId: 0,
   postStatusId: null,
+  commentsCount: 0,
   userId: 0,
   createdAt: '',
 };
@@ -30,6 +31,7 @@ const postReducer = (
         description: action.post.description,
         boardId: action.post.board_id,
         postStatusId: action.post.post_status_id,
+        commentsCount: action.post.comments_count,
         userId: action.post.user_id,
         createdAt: action.post.created_at,
       };