Fixed sorting comments

1 files changed, 20 insertions, 4 deletions

diff --git a/src/js/components/Comments/Comments.vue b/src/js/components/Comments/Comments.vue
index b373bb86..9c43ffa8 100644
--- a/src/js/components/Comments/Comments.vue
+++ b/src/js/components/Comments/Comments.vue
@@ -26,7 +26,7 @@
 		<CommentAdd v-if="acl.allowComment" />
 		<transition-group v-if="countComments" name="fade" class="comments"
 			tag="ul">
-			<li v-for="(comment) in sortedComments" :key="comment.id">
+			<li v-for="(comment) in sortedList" :key="comment.id">
 				<div class="comment-item">
 					<user-div :user-id="comment.userId" />
 					<div class="date">
@@ -48,22 +48,38 @@
 <script>
 import CommentAdd from './CommentAdd'
 import { mapState, mapGetters } from 'vuex'
+import sortBy from 'lodash/sortBy'
 
 export default {
 	name: 'Comments',
 	components: {
 		CommentAdd
 	},
+	data() {
+		return {
+			sort: 'timestamp',
+			reverse: true
+		}
+	},
 
 	computed: {
 		...mapState({
 			comments: state => state.comments,
 			acl: state => state.acl
 		}),
+
 		...mapGetters([
-			'countComments',
-			'sortedComments'
-		])
+			'countComments'
+		]),
+
+		sortedList() {
+			if (this.reverse) {
+				return sortBy(this.comments.list, this.sort).reverse()
+			} else {
+				return sortBy(this.comments.list, this.sort)
+			}
+		}
+
 	}
 }
 </script>