better phone controls

1 files changed, 27 insertions, 0 deletions

diff --git a/apps/web/src/hooks/useTouchHold.ts b/apps/web/src/hooks/useTouchHold.ts
new file mode 100644
index 00000000..52e56491
--- /dev/null
+++ b/apps/web/src/hooks/useTouchHold.ts
@@ -0,0 +1,27 @@
+import { useState } from "react";
+
+// holdDuration (in ms)
+const useTouchHold = ({
+  onHold,
+  holdDuration = 500,
+}: {
+  holdDuration?: number;
+  onHold: () => Promise<void> | void;
+}) => {
+  const [touchTimeout, setTouchTimeout] = useState<ReturnType<
+    typeof setTimeout
+  > | null>(null);
+
+  return {
+    onTouchStart: () => {
+      setTouchTimeout(setTimeout(onHold, holdDuration));
+    },
+    onTouchEnd: () => {
+      if (touchTimeout) {
+        clearTimeout(touchTimeout);
+      }
+    },
+  };
+};
+
+export default useTouchHold;