fix(banner): only show when relevant

website/client/src/components/header/banners/chatBanner.vue

@@ -1,9 +1,12 @@
 <template>
   <base-banner
-    banner-id="chat-banner"
+    banner-id="chat-warning"
+    banner-class="chat-banner"
     class="chat-banner"
     height="3rem"
+    :show="showChatWarning"
     :can-close="false"
+    :class="{faq: faqPage}"
   >
     <div
       slot="content"
@@ -29,6 +32,11 @@
       color: $orange-1;
       text-decoration: underline;
     }
+
+    &.faq {
+      position: fixed;
+      top: 3.5rem;
+    }
   }
 
 </style>
@@ -40,6 +48,16 @@ export default {
   components: {
     BaseBanner,
   },
+  computed: {
+    faqPage () {
+      return (this.$route.fullPath.indexOf('/faq')) !== -1;
+    },
+    showChatWarning () {
+      if (this.$route.fullPath.indexOf('/tavern') !== -1) return true;
+      if (this.$route.fullPath.indexOf('/groups') !== -1) return true;
+      return this.faqPage;
+    },
+  },
 };
 
 </script>

website/client/src/components/header/menu.vue

@@ -830,9 +830,11 @@ export default {
   async mounted () {
     await this.getUserGroupPlans();
     await this.getUserParty();
-    Array.from(document.getElementById('menu_collapse').getElementsByTagName('a')).forEach(link => {
-      link.addEventListener('click', this.closeMenu);
-    });
+    if (document.getElementById('menu_collapse')) {
+      Array.from(document.getElementById('menu_collapse').getElementsByTagName('a')).forEach(link => {
+        link.addEventListener('click', this.closeMenu);
+      });
+    }
     Array.from(document.getElementsByClassName('topbar-item')).forEach(link => {
       link.addEventListener('mouseenter', this.dropdownDesktop);
       link.addEventListener('mouseleave', this.dropdownDesktop);