Fix add comment tweet store not updated bug

Author: nemoipaha

frontend/.eslintrc.js

@@ -44,6 +44,7 @@ module.exports = {
             tabWidth: 4
         }],
         'no-trailing-spaces': 'off',
+        'no-plusplus': 'off'
     },
     parserOptions: {
         parser: 'babel-eslint',

frontend/src/components/view/tweet/NewCommentForm.vue

@@ -68,6 +68,7 @@ export default {
                 tweetId: this.tweetId,
                 text: this.text,
             });
+
             this.clearInput();
         },
     },

frontend/src/store/modules/comment/actions.js

@@ -1,6 +1,7 @@
 import api from '@/api/Api';
 import { SET_LOADING } from '../../mutationTypes';
 import { SET_COMMENTS, ADD_COMMENT } from './mutationTypes';
+import { INCREMENT_COMMENTS_COUNT } from '../tweet/mutationTypes';
 import { commentMapper } from '@/services/Normalizer';
 
 export default {
@@ -30,6 +31,7 @@ export default {
             const comment = await api.post('/comments', { tweet_id: tweetId, body: text });
 
             commit(ADD_COMMENT, { tweetId, comment });
+            commit(`tweet/${INCREMENT_COMMENTS_COUNT}`, tweetId, { root: true });
             commit(SET_LOADING, false, { root: true });
 
             return Promise.resolve(commentMapper(comment));

frontend/src/store/modules/tweet/mutationTypes.js

@@ -2,3 +2,4 @@ export const SET_TWEETS = 'setTweets';
 export const SET_TWEET_IMAGE = 'setTweetImage';
 export const SET_TWEET = 'editTweet';
 export const DELETE_TWEET = 'deleteTweet';
+export const INCREMENT_COMMENTS_COUNT = 'incrementCommentsCount';

frontend/src/store/modules/tweet/mutations.js

@@ -2,7 +2,8 @@ import {
     SET_TWEETS,
     SET_TWEET_IMAGE,
     SET_TWEET,
-    DELETE_TWEET
+    DELETE_TWEET,
+    INCREMENT_COMMENTS_COUNT
 } from './mutationTypes';
 import { tweetMapper } from '@/services/Normalizer';
 
@@ -29,5 +30,9 @@ export default {
 
     [DELETE_TWEET]: (state, id) => {
         delete state.tweets[id];
+    },
+
+    [INCREMENT_COMMENTS_COUNT]: (state, id) => {
+        state.tweets[id].commentsCount++;
     }
 };