apps/web/src/hooks/useTouchHold.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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;