From 2e13971d9bd0afbda07115628738d5dd3a2af3b2 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Wed, 13 Feb 2019 12:24:07 -0700
Subject: [PATCH] Fix Timeline.vue component

---
 resources/assets/js/components/Timeline.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/components/Timeline.vue b/resources/assets/js/components/Timeline.vue
index fc4c69386..347cc4546 100644
--- a/resources/assets/js/components/Timeline.vue
+++ b/resources/assets/js/components/Timeline.vue
@@ -138,7 +138,7 @@
 					</div>
 				</div>
 			</div>
-			<div v-if="modes.infinite == false && !loading && feed.length > 0" class="pagination d-none">
+			<div v-if="modes.infinite == false && !loading && feed.length > 0" class="pagination">
 				<p class="btn btn-outline-secondary font-weight-bold btn-block" v-on:click="loadMore">Load more posts</p>
 			</div>
 			<div v-if="!loading && scope == 'home' && feed.length == 0">
@@ -421,10 +421,11 @@
 				});
 			},
 
-			loadMore() {
+			loadMore(event) {
 				let homeTimeline = '/api/v1/timelines/home';
 				let localTimeline = '/api/v1/timelines/public';
 				let apiUrl = this.scope == 'home' ? homeTimeline : localTimeline;
+				event.target.innerText = 'Loading...';
 				axios.get(apiUrl, {
 					params: {
 						page: this.page,
@@ -440,6 +441,7 @@
 						}
 						this.page += 1;
 						this.loading = false;
+						event.target.innerText = 'Load more posts';
 					} else {
 					}
 				});