Fix quoting messages from the search view (#7466)

src/components/structures/RoomView.tsx

@@ -99,6 +99,7 @@ import { fetchInitialEvent } from "../../utils/EventUtils";
 import { ComposerType } from "../../dispatcher/payloads/ComposerInsertPayload";
 import AppsDrawer from '../views/rooms/AppsDrawer';
 import { RightPanelPhases } from '../../stores/right-panel/RightPanelStorePhases';
+import { ActionPayload } from "../../dispatcher/payloads";
 
 const DEBUG = false;
 let debuglog = function(msg: string) {};
@@ -818,7 +819,7 @@ export class RoomView extends React.Component<IRoomProps, IRoomState> {
         this.setState({ callState: call ? call.state : null });
     };
 
-    private onAction = payload => {
+    private onAction = async (payload: ActionPayload): Promise<void> => {
         switch (payload.action) {
             case 'message_sent':
                 this.checkDesktopNotifications();
@@ -897,6 +898,12 @@ export class RoomView extends React.Component<IRoomProps, IRoomState> {
 
             case Action.ComposerInsert: {
                 if (payload.composerType) break;
+
+                if (this.state.searching && payload.timelineRenderingType === TimelineRenderingType.Room) {
+                    // we don't have the composer rendered in this state, so bring it back first
+                    await this.onCancelSearchClick();
+                }
+
                 // re-dispatch to the correct composer
                 dis.dispatch({
                     ...payload,
@@ -1612,10 +1619,12 @@ export class RoomView extends React.Component<IRoomProps, IRoomState> {
         });
     };
 
-    private onCancelSearchClick = () => {
-        this.setState({
-            searching: false,
-            searchResults: null,
+    private onCancelSearchClick = (): Promise<void> => {
+        return new Promise<void>(resolve => {
+            this.setState({
+                searching: false,
+                searchResults: null,
+            }, resolve);
         });
     };