Add a way to maximize/pin widget from the PiP view (#7672)

src/components/views/voip/CallView.tsx

@@ -270,6 +270,13 @@ export default class CallView extends React.Component<IProps, IState> {
         return { primary, sidebar };
     }
 
+    private onMaximizeClick = (): void => {
+        dis.dispatch({
+            action: 'video_fullscreen',
+            fullscreen: true,
+        });
+    };
+
     private onMicMuteClick = async (): Promise<void> => {
         const newVal = !this.state.micMuted;
         this.setState({ micMuted: await this.props.call.setMicrophoneMuted(newVal) });
@@ -614,6 +621,7 @@ export default class CallView extends React.Component<IProps, IState> {
                 onPipMouseDown={onMouseDownOnHeader}
                 pipMode={pipMode}
                 callRooms={[callRoom, secCallRoom]}
+                onMaximize={this.onMaximizeClick}
             />
             <div className="mx_CallView_content_wrapper" ref={this.contentWrapperRef}>
                 { this.renderToast() }