Add Block/Unblock button next to Author

on blacklist settings. This button was requested by a couple of users.

Author: roschaefer

components/Author/Author.vue

@@ -1,14 +1,13 @@
 <template>
   <div :class="{ disabled: disableLink, 'is-owner': isOwner, mask: maskUser }"
-        class="media hc__author"
-        @click="showProfile">
-    <div class="media-left" v-if="showAvatar">
+    class="media hc__author">
+    <div class="media-left" v-if="showAvatar" @click="showProfile">
       <hc-avatar
         :user="getUser"
         :showOnlineStatus="true"
         :imageKey="imageKey" />
     </div>
-    <div class="media-content" v-if="showText">
+    <div class="media-content" @click="showProfile" v-if="showText">
       <p class="title" v-if="!user">
         {{ $t('component.contribution.creatorUnknown') }}
       </p>
@@ -20,6 +19,8 @@
         <hc-relative-date-time :dateTime="createdAt"></hc-relative-date-time>
       </p>
     </div>
+    <slot>
+    </slot>
   </div>
 </template>
 

pages/auth/settings/blacklist.vue

@@ -6,21 +6,26 @@
     <p class="subtitle is-6">{{ $t('auth.settings.blacklistSubtitle') }}</p>
     <hc-box :isLoading="isLoading">
       <author
-         v-for="(user, index) in blacklistedUsers"
-         :key="user._id"
-         :user="user"
-         />
-      </hc-box>
+       v-for="(user, index) in blacklistedUsers"
+       :key="user._id"
+       :user="user">
+        <div class="media-right">
+          <hc-block-button :foreignEntity="user" :isFollowing="false"/>
+        </div>
+      </author>
+    </hc-box>
   </div>
 </template>
 
 <script>
 import Author from '~/components/Author/Author.vue'
 import Box from '~/components/Global/Layout/Box/Box.vue'
+import BlockButton from '~/components/Global/Elements/BlockButton/BlockButton'
 import { mapGetters } from 'vuex'
 
   export default {
     components: {
+      'hc-block-button': BlockButton,
       'author': Author,
       'hc-box': Box
     },

store/services/usersettings.js

@@ -16,7 +16,6 @@ let servicePlugin = (feathersClient) => {
       },
       isPending: (state) => {
         return (
-          state.current ||
           state.isFindPending ||
           state.isGetPending ||
           state.isCreatePending ||