da7aa4055e
* Conform more of the code base to strict null checking * More strict fixes * More strict work * Fix missing optional type * Iterate
115 lines
3.8 KiB
TypeScript
115 lines
3.8 KiB
TypeScript
/*
|
|
Copyright 2020 - 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import { CallState, MatrixCall } from "matrix-js-sdk/src/webrtc/call";
|
|
import React from "react";
|
|
import { Resizable } from "re-resizable";
|
|
|
|
import LegacyCallHandler, { LegacyCallHandlerEvent } from "../../../LegacyCallHandler";
|
|
import LegacyCallView from "./LegacyCallView";
|
|
import ResizeNotifier from "../../../utils/ResizeNotifier";
|
|
|
|
interface IProps {
|
|
// What room we should display the call for
|
|
roomId: string;
|
|
|
|
resizeNotifier: ResizeNotifier;
|
|
|
|
showApps?: boolean;
|
|
}
|
|
|
|
interface IState {
|
|
call: MatrixCall | null;
|
|
}
|
|
|
|
/*
|
|
* Wrapper for LegacyCallView that always display the call in a given room,
|
|
* or nothing if there is no call in that room.
|
|
*/
|
|
export default class LegacyCallViewForRoom extends React.Component<IProps, IState> {
|
|
public constructor(props: IProps) {
|
|
super(props);
|
|
this.state = {
|
|
call: this.getCall(),
|
|
};
|
|
}
|
|
|
|
public componentDidMount(): void {
|
|
LegacyCallHandler.instance.addListener(LegacyCallHandlerEvent.CallState, this.updateCall);
|
|
LegacyCallHandler.instance.addListener(LegacyCallHandlerEvent.CallChangeRoom, this.updateCall);
|
|
}
|
|
|
|
public componentWillUnmount(): void {
|
|
LegacyCallHandler.instance.removeListener(LegacyCallHandlerEvent.CallState, this.updateCall);
|
|
LegacyCallHandler.instance.removeListener(LegacyCallHandlerEvent.CallChangeRoom, this.updateCall);
|
|
}
|
|
|
|
private updateCall = (): void => {
|
|
const newCall = this.getCall();
|
|
if (newCall !== this.state.call) {
|
|
this.setState({ call: newCall });
|
|
}
|
|
};
|
|
|
|
private getCall(): MatrixCall | null {
|
|
const call = LegacyCallHandler.instance.getCallForRoom(this.props.roomId);
|
|
|
|
if (call && [CallState.Ended, CallState.Ringing].includes(call.state)) return null;
|
|
return call;
|
|
}
|
|
|
|
private onResizeStart = (): void => {
|
|
this.props.resizeNotifier.startResizing();
|
|
};
|
|
|
|
private onResize = (): void => {
|
|
this.props.resizeNotifier.notifyTimelineHeightChanged();
|
|
};
|
|
|
|
private onResizeStop = (): void => {
|
|
this.props.resizeNotifier.stopResizing();
|
|
};
|
|
|
|
public render(): React.ReactNode {
|
|
if (!this.state.call) return null;
|
|
|
|
return (
|
|
<div className="mx_LegacyCallViewForRoom">
|
|
<Resizable
|
|
minHeight={380}
|
|
maxHeight="80vh"
|
|
enable={{
|
|
top: false,
|
|
right: false,
|
|
bottom: true,
|
|
left: false,
|
|
topRight: false,
|
|
bottomRight: false,
|
|
bottomLeft: false,
|
|
topLeft: false,
|
|
}}
|
|
onResizeStart={this.onResizeStart}
|
|
onResize={this.onResize}
|
|
onResizeStop={this.onResizeStop}
|
|
className="mx_LegacyCallViewForRoom_ResizeWrapper"
|
|
handleClasses={{ bottom: "mx_LegacyCallViewForRoom_ResizeHandle" }}
|
|
>
|
|
<LegacyCallView call={this.state.call} pipMode={false} showApps={this.props.showApps} />
|
|
</Resizable>
|
|
</div>
|
|
);
|
|
}
|
|
}
|