fix(llm): 🐛 debounce memo tag changes (#8632)

fix(llm): debounce memo tag changes
LedgerHQ · Dec 6, 2024 · c7335b2 · c7335b2
1 parent 64aae3b
commit c7335b2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/.changeset/brown-hats-think.md b/.changeset/brown-hats-think.md
@@ -0,0 +1,5 @@
+---
+"live-mobile": minor
+---
+
+Debounce memo tag changes
diff --git a/apps/ledger-live-mobile/src/newArch/features/MemoTag/hooks/useMemoTagInput.ts b/apps/ledger-live-mobile/src/newArch/features/MemoTag/hooks/useMemoTagInput.ts
@@ -1,4 +1,5 @@
-import { FC, useCallback, useState } from "react";
+import debounce from "lodash/debounce";
+import { FC, useCallback, useMemo, useState } from "react";
 
 import { useFeature } from "@ledgerhq/live-common/featureFlags/index";
 import { Transaction } from "@ledgerhq/live-common/generated/types";
@@ -18,14 +19,20 @@ export const useMemoTagInput = (
 
   const [isEmpty, setIsEmpty] = useState(true);
   const [error, setError] = useState<Error | undefined>();
+  const debouncedUpdateTransaction = useMemo(
+    () => debounce(updateTransaction, DEBOUNCE_DELAY),
+    [updateTransaction],
+  );
   const handleChange = useCallback<MemoTagInputProps["onChange"]>(
     ({ patch, value, error }) => {
       setIsEmpty(!value);
       setError(error);
-      updateTransaction(patch);
+      debouncedUpdateTransaction(patch);
     },
-    [updateTransaction],
+    [debouncedUpdateTransaction],
   );
 
   return Input && { Input, isEmpty, error, handleChange };
 };
+
+const DEBOUNCE_DELAY = 300;