From e018e2ead93d0fb7044f6a3ca7e679be5c3f597c Mon Sep 17 00:00:00 2001
From: Raphael Beer <raphael.beer@protonmail.com>
Date: Thu, 9 Apr 2020 23:52:12 +0200
Subject: [PATCH] Review: add hasMore() computed value +

  Replacing varying conditions for same
  logic with computed value `hasMore`.
---
 webapp/components/features/FollowList/FollowList.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/webapp/components/features/FollowList/FollowList.vue b/webapp/components/features/FollowList/FollowList.vue
index 3f5791438..be8c35e1a 100644
--- a/webapp/components/features/FollowList/FollowList.vue
+++ b/webapp/components/features/FollowList/FollowList.vue
@@ -13,7 +13,7 @@
         />
       </div>
       <base-button
-        v-if="allConnectionsCount - connections.length"
+        v-if="hasMore"
         :loading="loading"
         class="spacer-x-small"
         size="small"
@@ -26,7 +26,7 @@
         }}
       </base-button>
       <ds-input
-        v-if="connections.length > 7"
+        v-if="!hasMore"
         v-focus="true"
         :name="`${type}Filter`"
         :placeholder="filter"
@@ -70,9 +70,11 @@ export default {
     connections() {
       return this.user[this.type]
     },
+    hasMore() {
+      return this.allConnectionsCount > this.connections.length
+    },
     connectionsClass() {
-      const overflow = this.connections.length > 7 ? ' --overflow' : ''
-      return `connections${overflow}`
+      return `connections${this.hasMore ? '' : ' --overflow'}`
     },
     filteredConnections() {
       if (!this.filter) {