change swipe parameters

mafia-rust · Jan 31, 2024 · b46ffb5 · b46ffb5
1 parent 0972c83
commit b46ffb5
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 11 deletions.
diff --git a/client/src/components/RolePicker.tsx b/client/src/components/RolePicker.tsx
@@ -135,7 +135,6 @@ export class RoleOutlineOptionSelector extends React.Component<RoleOutlineOption
             return translateRoleOutlineOption(roleOutlineOption);
     }
     render(): React.ReactNode {
-        console.log("option", this.translateRoleOutlineOptionOrAny(this.props.roleOutlineOption));
         return (
             <div>
                 <select

diff --git a/client/src/menu/Anchor.tsx b/client/src/menu/Anchor.tsx
@@ -24,7 +24,8 @@ type AnchorState = {
     swipeEventListeners: Array<(right: boolean) => void>
 }
 
-const MIN_SWIPE_DISTANCE = 75;
+const MIN_SWIPE_DISTANCE = 40;
+const MAX_SWIPE_DISTANCE = 75;
 
 export default class Anchor extends React.Component<AnchorProps, AnchorState> {
     private static instance: Anchor;
@@ -149,23 +150,39 @@ export default class Anchor extends React.Component<AnchorProps, AnchorState> {
         });
     }
     onTouchMove(e: React.TouchEvent<HTMLDivElement>) {
+        if(this.state.touchStartX !== null && this.state.touchCurrentX !== null){
+            if(this.state.touchStartX - this.state.touchCurrentX > MAX_SWIPE_DISTANCE) {
+
+                for(let listener of this.state.swipeEventListeners) {
+                    listener(false);
+                }
+            }else if(this.state.touchStartX - this.state.touchCurrentX < -MAX_SWIPE_DISTANCE) {
+
+                for(let listener of this.state.swipeEventListeners) {
+                    listener(true);
+                }
+            }
+        }
+
+
         this.setState({
             touchCurrentX: e.targetTouches[0].clientX
         });
     }
     onTouchEnd(e: React.TouchEvent<HTMLDivElement>) {
 
-        if(this.state.touchStartX === null || this.state.touchCurrentX === null) return;
-        if(this.state.touchStartX - this.state.touchCurrentX > MIN_SWIPE_DISTANCE) {
-            for(let listener of this.state.swipeEventListeners) {
-                listener(false);
-            }
-        }
-        if(this.state.touchStartX - this.state.touchCurrentX < -MIN_SWIPE_DISTANCE) {
-            for(let listener of this.state.swipeEventListeners) {
-                listener(true);
+        if(this.state.touchStartX !== null && this.state.touchCurrentX !== null){
+            if(this.state.touchStartX - this.state.touchCurrentX > MIN_SWIPE_DISTANCE) {
+                for(let listener of this.state.swipeEventListeners) {
+                    listener(false);
+                }
+            }else if(this.state.touchStartX - this.state.touchCurrentX < -MIN_SWIPE_DISTANCE) {
+                for(let listener of this.state.swipeEventListeners) {
+                    listener(true);
+                }
             }
         }
+
         this.setState({
             touchStartX: null,
             touchCurrentX: null