From 465aeb5c38898636b0a294c894901e178321a4a7 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Sun, 24 Apr 2022 19:05:16 -0700
Subject: [PATCH] Disable chat settings dropdown if chat is disabled. Closes
 #1875

---
 webroot/js/app.js | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/webroot/js/app.js b/webroot/js/app.js
index a29ed9e5b..673816d56 100644
--- a/webroot/js/app.js
+++ b/webroot/js/app.js
@@ -995,16 +995,17 @@ export default class App extends Component {
               >
             </h1>
 
-            <${ChatMenu} username=${username} isModerator=${isModerator} showAuthModal=${
-      indieAuthEnabled && this.showAuthModal
-    } onUsernameChange=${this.handleUsernameChange} onFocus=${
-      this.handleFormFocus
-    } onBlur=${
-      this.handleFormBlur
-    } chatDisabled=${chatDisabled} noVideoContent=${noVideoContent} handleChatPanelToggle=${
-      this.handleChatPanelToggle
-    }>
-            </${ChatMenu}>
+            <${!chatDisabled && ChatMenu}
+              username=${username}
+              isModerator=${isModerator}
+              showAuthModal=${indieAuthEnabled && this.showAuthModal}
+              onUsernameChange=${this.handleUsernameChange}
+              onFocus=${this.handleFormFocus}
+              onBlur=${this.handleFormBlur}
+              chatDisabled=${chatDisabled}
+              noVideoContent=${noVideoContent}
+              handleChatPanelToggle=${this.handleChatPanelToggle}
+            />
           </header>
         </div>
 
@@ -1083,7 +1084,6 @@ export default class App extends Component {
 
         ${chat} ${externalActionModal} ${fediverseFollowModal}
         ${notificationModal} ${authModal}
-
       </div>
     `;
   }