From d213c4a5b7186aee1d6338a4a56641ff651ba12d Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Tue, 16 Nov 2021 17:59:59 -0800
Subject: [PATCH] Only show moderator flag if you are a moderator. Fixes #1536

---
 webroot/js/components/chat/username.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/webroot/js/components/chat/username.js b/webroot/js/components/chat/username.js
index a6cdf6908..377002576 100644
--- a/webroot/js/components/chat/username.js
+++ b/webroot/js/components/chat/username.js
@@ -92,6 +92,10 @@ export default class UsernameForm extends Component {
       },
     };
 
+    const moderatorFlag = html`
+      <img src="/img/moderator.svg" class="moderator-flag rounded-lg" />
+    `;
+
     return html`
       <div id="user-info" class="whitespace-nowrap">
         <div
@@ -105,10 +109,7 @@ export default class UsernameForm extends Component {
             id="username-display"
             class="text-indigo-600 text-xs font-semibold truncate overflow-hidden whitespace-no-wrap ${isModerator &&
             'moderator-flag'}"
-            ><img
-              src="/img/moderator.svg"
-              class="moderator-flag rounded-lg"
-            />${username}</span
+            >${isModerator && moderatorFlag}${username}</span
           >
         </div>