Make double-clicking the PiP take you to the call room

Signed-off-by: Šimon Brandner <[email protected]>

Author: SimonBrandner

src/components/views/voip/CallPreview.tsx

@@ -178,13 +178,21 @@ export default class CallPreview extends React.Component<IProps, IState> {
         });
     };
 
+    private onDoubleClick = (): void => {
+        dis.dispatch({
+            action: "view_room",
+            room_id: this.state.primaryCall.roomId,
+        });
+    };
+
     public render() {
         const pipMode = true;
         if (this.state.primaryCall) {
             return (
                 <PictureInPictureDragger
                     className="mx_CallPreview"
                     draggable={pipMode}
+                    onDoubleClick={this.onDoubleClick}
                 >
                     { ({ onStartMoving, onResize }) => <CallView
                         onMouseDownOnHeader={onStartMoving}

src/components/views/voip/PictureInPictureDragger.tsx

@@ -42,6 +42,7 @@ interface IProps {
     className?: string;
     children: ({ onStartMoving, onResize }: IChildrenOptions) => React.ReactNode;
     draggable: boolean;
+    onDoubleClick?: () => void;
 }
 
 interface IState {
@@ -216,6 +217,7 @@ export default class PictureInPictureDragger extends React.Component<IProps, ISt
                 className={this.props.className}
                 style={this.props.draggable ? style : undefined}
                 ref={this.callViewWrapper}
+                onDoubleClick={this.props.onDoubleClick}
             >
                 <>
                     { this.props.children({