InvokeAI/invokeai/frontend/web/src/common/hooks/useSingleAndDoubleClick.ts

// https://stackoverflow.com/a/73731908
import { useCallback, useEffect, useState } from 'react';

export function useSingleAndDoubleClick(
  handleSingleClick: () => void,
  handleDoubleClick: () => void,
  delay = 250
) {
  const [click, setClick] = useState(0);

  useEffect(() => {
    const timer = setTimeout(() => {
      if (click === 1) {
        handleSingleClick();
      }
      setClick(0);
    }, delay);

    if (click === 2) {
      handleDoubleClick();
    }

    return () => clearTimeout(timer);
  }, [click, handleSingleClick, handleDoubleClick, delay]);

  const onClick = useCallback(() => setClick((prev) => prev + 1), []);

  return onClick;
}