Implement tweetIsCommentedByUser getter

Author: nemoipaha

frontend/src/components/common/TweetPreview.vue

@@ -33,13 +33,13 @@
                 <nav class="level is-mobile">
                     <div class="level-left">
                         <a class="level-item">
-                            <span class="icon is-medium">
+                            <span class="icon is-medium has-text-info">
                                 <font-awesome-icon icon="comments" />
                             </span>
                             {{ tweet.commentsCount }}
                         </a>
                         <a class="level-item">
-                            <span class="icon is-medium">
+                            <span class="icon is-medium has-text-info">
                                 <font-awesome-icon icon="heart" />
                             </span>
                             {{ tweet.likes_count || 0 }}

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

@@ -37,7 +37,10 @@
                             <nav class="level is-mobile">
                                 <div class="level-left">
                                     <a class="level-item">
-                                        <span class="icon is-medium has-text-info">
+                                        <span
+                                            class="icon is-medium has-text-info"
+                                            :class="{ 'has-text-danger': tweetIsCommentedByUser(tweet.id, user.id) }"
+                                        >
                                             <font-awesome-icon icon="comments" />
                                         </span>
                                         {{ tweet.commentsCount }}
@@ -137,7 +140,8 @@ export default {
         ]),
 
         ...mapGetters('comment', [
-            'getCommentsByTweetId'
+            'getCommentsByTweetId',
+            'tweetIsCommentedByUser'
         ]),
 
         tweet() {
@@ -146,7 +150,7 @@ export default {
 
         isTweetOwner() {
             return this.user.id === this.tweet.author.id;
-        }
+        },
     },
 
     methods: {

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

@@ -1,3 +1,7 @@
 export default {
     getCommentsByTweetId: state => tweetId => state.comments[tweetId] || [],
+
+    tweetIsCommentedByUser: (state, getters) => (tweetId, userId) => getters
+        .getCommentsByTweetId(tweetId)
+        .find(comment => comment.authorId === userId),
 };