🎨 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,27 +28,35 @@ export default (
             }
 
             timeout.current = setTimeout(() => {
-                onLongPress(event)
+                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()
+        }
-            setLongPressTriggered(false)
 
-            if (typeof onTouchEnd === "function") {
+        if (shouldTriggerClick && !longPressTriggered && typeof onClick === "function") {
-                onTouchEnd()
+            onClick()
-            }
+        }
 
-            if (shouldPreventDefault && target.current) {
+        setLongPressTriggered(false)
-                target.current.removeEventListener("touchend", preventDefault)
+
-            }
+        if (typeof onTouchEnd === "function") {
-        },
+            onTouchEnd()
+        }
+
+        if (shouldPreventDefault && target.current) {
+            target.current.removeEventListener("touchend", preventDefault)
+        }
+    },
         [shouldPreventDefault, onClick, longPressTriggered]
     )
 

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"