Allow for spaces in channel names

front/src/store/index.js

@@ -16,7 +16,7 @@ let toCSS = (message, currentStream) => {
   let className = "",
     emoji_code = "",
     rules = [],
-    parentClassName = currentStream,
+    parentClassName = (currentStream || "").replace(" ", "-"),
     id = message.id,
     is_codeblock = message.content.includes("<code>") || message.content.startsWith("```"),
     is_font = /<p><a href=".+?\.(ttf|otf|woff)/gm.test(message.content);

front/src/views/Home.vue

@@ -90,7 +90,7 @@ export default {
       return this.show_ui ? "ui" : "print";
     },
     currentStream() {
-      return this.$store.state.currentStream;
+      return this.$store.state.currentStream.replace(" ", "-");
     },
   },
   methods: {
@@ -121,6 +121,7 @@ export default {
       if (state !== undefined) this.show_ui = state;
       else this.show_ui = !this.show_ui;
       this.$forceUpdate();
+      Splitpanes.updatePaneComponents();
     },
   },
 };