fix: switch to use-long-press which supports cancelOnMovement

mvgrimes · Jul 23, 2024 · e133931 · e133931
1 parent 6e8532d
commit e133931
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 24 deletions.
diff --git a/dist/manifest.json b/dist/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "todotxt",
 	"name": "TodoTxt",
-	"version": "2.1.6",
+	"version": "2.1.7",
 	"minAppVersion": "0.15.0",
 	"description": "Manage Todo.txt files.",
 	"author": "Mark Grimes",

diff --git a/dist/versions.json b/dist/versions.json
@@ -29,5 +29,6 @@
 	"2.1.1": "0.15.0",
 	"2.1.2": "0.15.0",
 	"2.1.5": "0.15.0",
-	"2.1.6": "0.15.0"
+	"2.1.6": "0.15.0",
+	"2.1.7": "0.15.0"
 }
diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "todotxt",
 	"name": "TodoTxt",
-	"version": "2.1.6",
+	"version": "2.1.7",
 	"minAppVersion": "0.15.0",
 	"description": "Manage Todo.txt files.",
 	"author": "Mark Grimes",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "obsidian-sample-plugin",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "description": "This is a sample plugin for Obsidian (https://obsidian.md)",
   "main": "dist/main.js",
   "scripts": {
@@ -47,10 +47,10 @@
     "zx": "^7.2.2"
   },
   "dependencies": {
-    "@uidotdev/usehooks": "^2.4.1",
     "luxon": "^3.4.2",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "use-long-press": "^3.2.0"
   },
   "packageManager": "pnpm@9.6.0"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/ui/todoview.tsx b/src/ui/todoview.tsx
@@ -11,7 +11,7 @@ import {
   TodoProject,
   TodoTag,
 } from '../lib/todo';
-import { useLongPress } from '@uidotdev/usehooks';
+import { useLongPress } from 'use-long-press';
 import cn from '../lib/classNames';
 
 type TodoViewProps = {
@@ -25,8 +25,14 @@ type TodoViewProps = {
 };
 export const TodoView = (props: TodoViewProps) => {
   const { todo } = props;
-  const longPressProps = useLongPress(() => props.onEditClicked(todo), {
+  const longPressCB = React.useCallback(
+    () => props.onEditClicked(todo),
+    [props],
+  );
+
+  const longPressProps = useLongPress(longPressCB, {
     threshold: 500,
+    cancelOnMovement: true,
   });
 
   return (

diff --git a/versions.json b/versions.json
@@ -29,5 +29,6 @@
 	"2.1.1": "0.15.0",
 	"2.1.2": "0.15.0",
 	"2.1.5": "0.15.0",
-	"2.1.6": "0.15.0"
+	"2.1.6": "0.15.0",
+	"2.1.7": "0.15.0"
 }