Add analytics for the ViewRoom action (#7666)

src/components/views/messages/DateSeparator.tsx

@@ -36,6 +36,7 @@ import IconizedContextMenu, {
     IconizedContextMenuOptionList,
 } from "../context_menus/IconizedContextMenu";
 import JumpToDatePicker from './JumpToDatePicker';
+import { ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
 
 function getDaysArray(): string[] {
     return [
@@ -141,11 +142,12 @@ export default class DateSeparator extends React.Component<IProps, IState> {
                 `found ${eventId} (${originServerTs}) for timestamp=${unixTimestamp} (looking forward)`,
             );
 
-            dis.dispatch({
+            dis.dispatch<ViewRoomPayload>({
                 action: Action.ViewRoom,
                 event_id: eventId,
                 highlighted: true,
                 room_id: roomId,
+                _trigger: undefined, // room doesn't change
             });
         } catch (e) {
             const code = e.errcode || e.statusCode;

src/components/views/messages/RoomCreate.tsx

@@ -25,6 +25,7 @@ import { _t } from '../../../languageHandler';
 import { MatrixClientPeg } from '../../../MatrixClientPeg';
 import EventTileBubble from "./EventTileBubble";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
+import { ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
 
 interface IProps {
     /* the MatrixEvent to show */
@@ -39,11 +40,13 @@ export default class RoomCreate extends React.Component<IProps> {
 
         const predecessor = this.props.mxEvent.getContent()['predecessor'];
 
-        dis.dispatch({
+        dis.dispatch<ViewRoomPayload>({
             action: Action.ViewRoom,
             event_id: predecessor['event_id'],
             highlighted: true,
             room_id: predecessor['room_id'],
+            _trigger: "Predecessor",
+            _viaKeyboard: e.type !== "click",
         });
     };