diff --git a/src/components/views/voip/CallView.tsx b/src/components/views/voip/CallView.tsx index c7297afb95..5f755b74d0 100644 --- a/src/components/views/voip/CallView.tsx +++ b/src/components/views/voip/CallView.tsx @@ -660,7 +660,7 @@ export default class CallView extends React.Component { let onHoldBackground = null; const backgroundStyle: CSSProperties = {}; const backgroundAvatarUrl = avatarUrlForMember( - // is it worth getting the size of the div to pass here? + // is it worth getting the size of the div to pass here? this.props.call.getOpponentMember(), 1024, 1024, 'crop', ); backgroundStyle.backgroundImage = 'url(' + backgroundAvatarUrl + ')'; @@ -680,7 +680,7 @@ export default class CallView extends React.Component { mx_CallView_voice_hold: isOnHold, }); - contentView =( + contentView = (
{ }; type CallControlsProps = Pick & { - roomId: string; + roomId: string; }; function CallViewHeaderControls({ pipMode = false, type, roomId }: CallControlsProps): JSX.Element { return
diff --git a/src/components/views/voip/PictureInPictureDragger.tsx b/src/components/views/voip/PictureInPictureDragger.tsx index d55d431e8f..8fbe88f2ce 100644 --- a/src/components/views/voip/PictureInPictureDragger.tsx +++ b/src/components/views/voip/PictureInPictureDragger.tsx @@ -68,8 +68,8 @@ export class PictureInPictureDragger extends React.Component { super(props); this.state = { - translationX: UIStore.instance.windowWidth - PADDING.right - PIP_VIEW_WIDTH, - translationY: UIStore.instance.windowHeight - PADDING.bottom - PIP_VIEW_WIDTH, + translationX: UIStore.instance.windowWidth - PADDING.right - PIP_VIEW_WIDTH, + translationY: UIStore.instance.windowHeight - PADDING.bottom - PIP_VIEW_WIDTH, }; } @@ -93,14 +93,14 @@ export class PictureInPictureDragger extends React.Component { // infinite loop if ( !this.moving && - Math.abs(this.state.translationX - this.desiredTranslationX) <= 1 && - Math.abs(this.state.translationY - this.desiredTranslationY) <= 1 + Math.abs(this.state.translationX - this.desiredTranslationX) <= 1 && + Math.abs(this.state.translationY - this.desiredTranslationY) <= 1 ) return; const amt = this.moving ? MOVING_AMT : SNAPPING_AMT; this.setState({ - translationX: lerp(this.state.translationX, this.desiredTranslationX, amt), - translationY: lerp(this.state.translationY, this.desiredTranslationY, amt), + translationX: lerp(this.state.translationX, this.desiredTranslationX, amt), + translationY: lerp(this.state.translationY, this.desiredTranslationY, amt), }); this.scheduledUpdate.mark(); }; @@ -136,11 +136,11 @@ export class PictureInPictureDragger extends React.Component { // corner const windowWidth = ( UIStore.instance.windowWidth - - (this.callViewWrapper.current?.clientWidth || PIP_VIEW_WIDTH) + (this.callViewWrapper.current?.clientWidth || PIP_VIEW_WIDTH) ); const windowHeight = ( UIStore.instance.windowHeight - - (this.callViewWrapper.current?.clientHeight || PIP_VIEW_HEIGHT) + (this.callViewWrapper.current?.clientHeight || PIP_VIEW_HEIGHT) ); if (translationX >= windowWidth / 2 && translationY >= windowHeight / 2) { @@ -190,7 +190,7 @@ export class PictureInPictureDragger extends React.Component { const translatePixelsX = this.state.translationX + "px"; const translatePixelsY = this.state.translationY + "px"; const style = { - transform: `translateX(${translatePixelsX}) + transform: `translateX(${translatePixelsX}) translateY(${translatePixelsY})`, }; return (