Use new thread-display component

src/components/routes/UserThreads.vue

@@ -8,18 +8,7 @@
 			message='threads'
 			v-if='threads.length'
 		>
-			<div
-				class='user_threads__thread'
-				v-for='(thread, index) in threads'
-				:class='{"user_threads__thread--last": index === threads.length-1}'
-				@click='goToThread(thread)'
-			>
-				<div class='user_threads__thread_bar'>
-					<div class='user_threads__category'>{{thread.Category.name}}</div>
-					<div class='user_threads__date'>{{thread.createdAt | formatDate('date')}}</div>
-				</div>
-				<div class='user_threads__name'>{{thread.name}}</div>
-			</div>
+			<thread-display v-for='thread in threads' :thread='thread'></thread-display>
 		</scroll-load>
 		<template v-else>This user hasn't started any threads yet</template>
 	</div>
@@ -27,7 +16,7 @@
 
 <script>
 	import ScrollLoad from '../ScrollLoad'
-	import ThreadPost from '../ThreadPost'
+	import ThreadDisplay from '../ThreadDisplay'
 
 	import AjaxErrorHandler from '../../assets/js/errorHandler'
 
@@ -35,7 +24,7 @@
 		name: 'userThreads',
 		props: ['username'],
 		components: {
-			ThreadPost,
+			ThreadDisplay,
 			ScrollLoad
 		},
 		data () {
@@ -64,9 +53,6 @@
 
 						AjaxErrorHandler(this.$store)(e)
 					})
-			},
-			goToThread (thread) {
-				this.$router.push('/thread/' + thread.slug + '/' + thread.id)
 			}
 		},
 		created () {