Merge pull request #1222 from pixelfed/frontend-ui-refactor

Frontend ui refactor

public/mix-manifest.json

@@ -8,7 +8,7 @@
     "/js/compose.js": "/js/compose.js?id=4d8c53b4575f463214f2",
     "/js/developers.js": "/js/developers.js?id=1359f11c7349301903f8",
     "/js/discover.js": "/js/discover.js?id=75fb12b06ee23fa05186",
-    "/js/profile.js": "/js/profile.js?id=ccd37b56f75f589d7402",
+    "/js/profile.js": "/js/profile.js?id=2043c303330c48d1fb55",
     "/js/search.js": "/js/search.js?id=0d3d080dc05f4f49b204",
     "/js/status.js": "/js/status.js?id=0b11c2129b9ebdb0eddf",
     "/js/timeline.js": "/js/timeline.js?id=8851cf4695b3bb2d1a03"

resources/assets/js/components/Profile.vue

@@ -25,11 +25,11 @@
 											<p class="align-middle">
 												
 											<span class="font-weight-ultralight h3 mb-0">{{profile.username}}</span>
-											<span class="float-right mb-0" v-if="profile.id != user.id && user.hasOwnProperty('id')">
+											<span class="float-right mb-0" v-if="!loading && profile.id != user.id && user.hasOwnProperty('id')">
 												<a class="fas fa-cog fa-lg text-muted text-decoration-none" href="#" @click.prevent="visitorMenu"></a>
 											</span>
 											</p>
-											<p v-if="profile.id == user.id && user.hasOwnProperty('id')">
+											<p v-if="!loading && profile.id == user.id && user.hasOwnProperty('id')">
 												<a class="btn btn-outline-dark py-0 px-4 mt-3" href="/settings/home">Edit Profile</a>
 											</p>
 											<div v-if="profile.id != user.id && user.hasOwnProperty('id')">
@@ -58,10 +58,10 @@
 									<span class="pl-4">
 										<a :href="'/users/'+profile.username+'.atom'" class="fas fa-rss fa-lg text-muted text-decoration-none"></a>
 									</span>	
-									<span class="pl-4" v-if="owner">
+									<span class="pl-4" v-if="owner && user.hasOwnProperty('id')">
 										<a class="fas fa-cog fa-lg text-muted text-decoration-none" href="/settings/home"></a>
 									</span>
-									<span class="pl-4" v-if="profile.id != user.id && user.hasOwnProperty('id')">
+									<span class="pl-4" v-if="!owner && user.hasOwnProperty('id')">
 										<a class="fas fa-cog fa-lg text-muted text-decoration-none" href="#" @click.prevent="visitorMenu"></a>
 									</span>
 									<span v-if="profile.id != user.id && user.hasOwnProperty('id')">
@@ -588,7 +588,8 @@ export default {
 		},
 
 		infiniteTimeline($state) {
-			if(this.loading || this.timeline < 9) {
+			if(this.loading || this.timeline.length < 9) {
+				$state.complete();
 				return;
 			}
 			let apiUrl = '/api/v1/accounts/' + this.profileId + '/statuses';