Add indicator if user blocks you

src/components/user_card/user_card.vue

@@ -125,6 +125,12 @@
           </div>
         </div>
         <div class="user-meta">
+          <div
+            v-if="relationship.blocked_by && loggedIn && isOtherUser"
+            class="blocking"
+          >
+            {{ $t('user_card.blocks_you') }}
+          </div>
           <div
             v-if="relationship.followed_by && loggedIn && isOtherUser"
             class="following"
@@ -545,7 +551,7 @@
     line-height: 22px;
     flex-wrap: wrap;
 
-    .following {
+    .following, .blocking {
       flex: 1 0 auto;
       margin: 0;
       margin-bottom: .25em;

src/i18n/en.json

@@ -722,6 +722,7 @@
     "approve": "Approve",
     "block": "Block",
     "blocked": "Blocked!",
+    "blocks_you": "Blocks you!",
     "deactivated": "Deactivated",
     "deny": "Deny",
     "edit_profile": "Edit profile",