From be8968b05b2a5ecf1c72bef67eedfde2d6185c72 Mon Sep 17 00:00:00 2001
From: Martin Brennan <martin@discourse.org>
Date: Fri, 10 Feb 2023 15:09:20 +1000
Subject: [PATCH] DEV: Add mainOutletModifierClasses for chat main outlet

The main outlet needs different styles based on the route,
and whether the sidebar is expanded.
---
 .../javascripts/discourse/controllers/chat.js  | 18 ++++++++++++++++++
 .../javascripts/discourse/templates/chat.hbs   |  2 +-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/plugins/chat/assets/javascripts/discourse/controllers/chat.js b/plugins/chat/assets/javascripts/discourse/controllers/chat.js
index f8e85eaa18..d81d2adffb 100644
--- a/plugins/chat/assets/javascripts/discourse/controllers/chat.js
+++ b/plugins/chat/assets/javascripts/discourse/controllers/chat.js
@@ -4,6 +4,7 @@ import { inject as service } from "@ember/service";
 export default class ChatController extends Controller {
   @service chat;
   @service chatStateManager;
+  @service router;
 
   get shouldUseChatSidebar() {
     if (this.site.mobileView) {
@@ -20,4 +21,21 @@ export default class ChatController extends Controller {
   get shouldUseCoreSidebar() {
     return this.siteSettings.navigation_menu === "sidebar";
   }
+
+  get mainOutletModifierClasses() {
+    let modifierClasses = [];
+
+    if (this.chatStateManager.isSidePanelExpanded) {
+      modifierClasses.push("has-side-panel-expanded");
+    }
+
+    if (
+      !this.router.currentRouteName.startsWith("chat.channel.info") &&
+      !this.router.currentRouteName.startsWith("chat.browse")
+    ) {
+      modifierClasses.push("chat-blah");
+    }
+
+    return modifierClasses.join(" ");
+  }
 }
diff --git a/plugins/chat/assets/javascripts/discourse/templates/chat.hbs b/plugins/chat/assets/javascripts/discourse/templates/chat.hbs
index 5783e344a9..f6ffd67191 100644
--- a/plugins/chat/assets/javascripts/discourse/templates/chat.hbs
+++ b/plugins/chat/assets/javascripts/discourse/templates/chat.hbs
@@ -21,7 +21,7 @@
       id="main-chat-outlet"
       class={{concat-class
         "main-chat-outlet"
-        (if this.chatStateManager.isSidePanelExpanded "has-side-panel-expanded")
+        this.mainOutletModifierClasses
       }}
     >
       {{outlet}}