Let message composer respect layout choice

SchildiChat · Dec 15, 2020 · 3823150 · 3823150
1 parent 64339dc
commit 3823150
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/components/structures/RoomView.tsx b/src/components/structures/RoomView.tsx
@@ -1846,6 +1846,8 @@ export default class RoomView extends React.Component<IProps, IState> {
                     resizeNotifier={this.props.resizeNotifier}
                     replyToEvent={this.state.replyToEvent}
                     permalinkCreator={this.getPermalinkCreatorForRoom(this.state.room)}
+                    useIRCLayout={this.state.useIRCLayout}
+                    useBubbleLayout={this.state.useBubbleLayout}
                 />;
         }
 

diff --git a/src/components/views/rooms/MessageComposer.js b/src/components/views/rooms/MessageComposer.js
@@ -479,8 +479,18 @@ export default class MessageComposer extends React.Component {
             );
         }
 
+        const msgComposerClassNames = classNames(
+            "mx_MessageComposer",
+            {
+                // "mx_IRCLayout": this.props.useIRCLayout,
+                // "mx_GroupLayout": !this.props.useIRCLayout && !this.props.useBubbleLayout,
+                "mx_GroupLayout": !this.props.useBubbleLayout,
+                "sc_BubbleLayout": this.props.useBubbleLayout,
+            },
+        );
+
         return (
-            <div className="mx_MessageComposer mx_GroupLayout">
+            <div className={msgComposerClassNames}>
                 <div className="mx_MessageComposer_wrapper">
                     <ReplyPreview permalinkCreator={this.props.permalinkCreator} />
                     <div className="mx_MessageComposer_row">