From 389d0b2d4ae4022e4eb36bd491a2f9dedc6793b1 Mon Sep 17 00:00:00 2001
From: Dariusz Niemczyk <dariuszn@element.io>
Date: Tue, 3 Aug 2021 14:59:35 +0200
Subject: [PATCH] Another fix for indentation

---
 src/components/views/voip/CallView.tsx         |  4 ++--
 .../views/voip/CallView/CallViewHeader.tsx     |  2 +-
 .../views/voip/PictureInPictureDragger.tsx     | 18 +++++++++---------
 3 files changed, 12 insertions(+), 12 deletions(-)

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<IProps, IState> {
                 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<IProps, IState> {
                     mx_CallView_voice_hold: isOnHold,
                 });
 
-                contentView =(
+                contentView = (
                     <div className={classes} onMouseMove={this.onMouseMove}>
                         <div className="mx_CallView_voice_avatarsContainer">
                             <div
diff --git a/src/components/views/voip/CallView/CallViewHeader.tsx b/src/components/views/voip/CallView/CallViewHeader.tsx
index d721fe30e3..018089d5d5 100644
--- a/src/components/views/voip/CallView/CallViewHeader.tsx
+++ b/src/components/views/voip/CallView/CallViewHeader.tsx
@@ -55,7 +55,7 @@ const onExpandClick = (roomId: string) => {
 };
 
 type CallControlsProps = Pick<CallViewHeaderProps, 'pipMode' | 'type'> & {
-  roomId: string;
+    roomId: string;
 };
 function CallViewHeaderControls({ pipMode = false, type, roomId }: CallControlsProps): JSX.Element {
     return <div className="mx_CallView_header_controls">
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<IProps, IState> {
         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<IProps, IState> {
         // 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<IProps, IState> {
         // 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<IProps, IState> {
         const translatePixelsX = this.state.translationX + "px";
         const translatePixelsY = this.state.translationY + "px";
         const style = {
-          transform: `translateX(${translatePixelsX})
+            transform: `translateX(${translatePixelsX})
                             translateY(${translatePixelsY})`,
         };
         return (