From 0e2feeb3c9f59ea07efd6d675da1ac776156d137 Mon Sep 17 00:00:00 2001
From: Theophile Sandoz <theophile.sandoz@ledger.fr>
Date: Fri, 6 Dec 2024 17:28:10 +0100
Subject: [PATCH] =?UTF-8?q?fix(llm):=20=F0=9F=90=9B=20debounce=20memo=20ta?=
 =?UTF-8?q?g=20changes=20(#8632)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix(llm): debounce memo tag changes
---
 .changeset/brown-hats-think.md                      |  5 +++++
 .../features/MemoTag/hooks/useMemoTagInput.ts       | 13 ++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/brown-hats-think.md

diff --git a/.changeset/brown-hats-think.md b/.changeset/brown-hats-think.md
new file mode 100644
index 000000000000..905763e74538
--- /dev/null
+++ 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
index 9b3bdcb9284d..b9adae6e9daa 100644
--- 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;