Merge pull request #993 from Juanuwu/master

Highlight which users are blocked in following/followers list

Author: dimdenGD

_locales/en/messages.json

@@ -646,5 +646,6 @@
     "suspended_user": { "message": "Account suspended" },
     "suspended_user_desc": { "message": "The profile you are trying to view has been suspended." },
     "show_boring_indicators": { "message": "Show indicator in followers/following page if last tweet of person is a retweet/quote/non-existent/old" },
-    "hide_original_languages":{"message": "Hide original languages when translated" }
+    "hide_original_languages":{"message": "Hide original languages when translated" },
+	"blocked": { "message": "Blocked" }
 }

layouts/header/style.css

@@ -1922,6 +1922,11 @@ emoji-picker {
     bottom: 52px;
     height: 40px
 }
+.user-item-btn.blocked
+    {
+        background-color: red;   
+        border: 1px solid darkred; 
+    }
 
 .user-item-text {
     width: fit-content;

scripts/helpers.js

@@ -1526,8 +1526,21 @@ async function appendUser(u, container, label, usernameClass = '') {
             </a>
         </div>
         <div${u.id_str === user.id_str ? ' hidden' : ''}>
-            <button class="user-item-btn nice-button ${u.following ? 'following' : 'follow'}">${u.following ? LOC.following_btn.message : LOC.follow.message}</button>
-        </div>
+    <button class="user-item-btn nice-button ${
+        u.blocking 
+            ? 'blocked' 
+            : u.following 
+                ? 'following' 
+                : 'follow'
+    }">
+        ${u.blocking 
+            ? LOC.blocked.message
+            : u.following 
+                ? LOC.following_btn.message 
+                : LOC.follow.message
+        }
+    </button>
+</div>
     `;
 
     let followButton = userElement.querySelector('.user-item-btn');