Add indicator if user blocks you

src/components/user_card/user_card.scss

@@ -262,7 +262,7 @@
     line-height: 22px;
     flex-wrap: wrap;
 
-    .following {
+    .following, .requested_by, .blocking {
       flex: 1 0 auto;
       margin: 0;
       margin-bottom: 0.25em;

src/components/user_card/user_card.vue

@@ -145,6 +145,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"

src/i18n/en.json

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