From f64a9501955e5506b09e35009003133edf268dc2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Sun, 2 May 2021 16:26:41 +0200
Subject: [PATCH] Prep basic methods for dragging
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 src/components/views/voip/CallPreview.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/components/views/voip/CallPreview.tsx b/src/components/views/voip/CallPreview.tsx
index 8dca5314e5..68fcef6747 100644
--- a/src/components/views/voip/CallPreview.tsx
+++ b/src/components/views/voip/CallPreview.tsx
@@ -184,6 +184,29 @@ export default class CallPreview extends React.Component<IProps, IState> {
         });
     }
 
+    private onStartMoving = (event: React.MouseEvent) => {
+        this.setState({moving: true});
+
+        this.initX = event.pageX - this.lastX;
+        this.initY = event.pageY - this.lastY;
+    }
+
+    private onMoving = (event: React.MouseEvent) => {
+        if (!this.state.moving) return;
+
+        this.lastX = event.pageX - this.initX;
+        this.lastY = event.pageY - this.initY;
+
+        this.setState({
+            translationX: this.lastX,
+            translationY: this.lastY,
+        });
+    }
+
+    private onEndMoving = () => {
+        this.setState({moving: false});
+    }
+
     public render() {
         if (this.state.primaryCall) {
             return (