show message about a liked post being blocked inline

post_component.js

···
               // continue down
             }
           } else {
-            // no data
-            alert("Sorry, this post is blocked or was deleted.");
+            this.showPostAsBlocked();
             return;
           }
         } else {
···
       }
     } catch (error) {
       showError(error);
+    }
+  }
+
+  showPostAsBlocked() {
+    let stats = $(this.rootElement.querySelector(':scope > .content > p.stats'));
+
+    if (!stats.querySelector('.blocked-info')) {
+      let span = $tag('span.blocked-info', { text: '🚫 Post unavailable' });
+      stats.append(span);
     }
   }
 

style.css

···
   margin-right: 10px;
 }
 
+.post .stats .blocked-info {
+  color: #a02020;
+  font-weight: bold;
+  margin-left: 5px;
+}
+
 .post img.loader {
   width: 24px;
   animation: rotation 3s infinite linear;