From b542a3c5004eb3484c618d38095d68ffb8d8f35e Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Sat, 25 Jul 2020 20:56:52 -0600
Subject: [PATCH] Update Profile.vue, add empty follower modal placeholder
---
resources/assets/js/components/Profile.vue | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
diff --git a/resources/assets/js/components/Profile.vue b/resources/assets/js/components/Profile.vue
index 3aa41c68b..92febd6df 100644
--- a/resources/assets/js/components/Profile.vue
+++ b/resources/assets/js/components/Profile.vue
@@ -434,6 +434,10 @@
dialog-class="follow-modal"
>
<div class="list-group">
+ <div v-if="followers.length == 0" class="list-group-item border-0">
+ <p class="text-center mb-0 font-weight-bold text-muted py-5">
+ <span class="text-dark">{{profileUsername}}</span> has no followers yet</p>
+ </div>
<div class="list-group-item border-0 py-1" v-for="(user, index) in followers" :key="'follower_'+index">
<div class="media mb-0">
<a :href="user.url">
@@ -452,7 +456,7 @@
<!-- <button class="btn btn-primary font-weight-bold btn-sm py-1">FOLLOW</button> -->
</div>
</div>
- <div v-if="followerMore" class="list-group-item text-center" v-on:click="followersLoadMore()">
+ <div v-if="followers.length && followerMore" class="list-group-item text-center" v-on:click="followersLoadMore()">
<p class="mb-0 small text-muted font-weight-light cursor-pointer">Load more</p>
</div>
</div>