🎨 Improve useLongPress hook

packages/app/src/hooks/useLongPress/index.jsx

@@ -5,7 +5,7 @@ export default (
     onClick,
     {
         shouldPreventDefault = true,
-        delay = 300,
+        delay = app.cores.settings.get("longPressDelay") ?? 500,
         onTouchStart,
         onTouchEnd,
     } = {}
@@ -28,17 +28,25 @@ export default (
             }
 
             timeout.current = setTimeout(() => {
+                if (typeof onLongPress === "function") {
                     onLongPress(event)
+                }
+
                 setLongPressTriggered(true)
             }, delay)
         },
         [onLongPress, delay, shouldPreventDefault]
     )
 
-    const clear = useCallback(
+    const clear = useCallback((event, shouldTriggerClick = true) => {
-        (event, shouldTriggerClick = true) => {
+        if (timeout.current) {
-            timeout.current && clearTimeout(timeout.current)
+            clearTimeout(timeout.current)
-            shouldTriggerClick && !longPressTriggered && onClick()
+        }
+
+        if (shouldTriggerClick && !longPressTriggered && typeof onClick === "function") {
+            onClick()
+        }
+
         setLongPressTriggered(false)
 
         if (typeof onTouchEnd === "function") {

packages/app/src/utils/index.js

@@ -1,4 +1,3 @@
-export { default as useLongPress } from "./useLongPress"
 export { default as findChildById } from "./findChildById"
 export { default as cursorPosition } from "./cursorPosition"
 export { default as getBase64 } from "./getBase64"