From 4b8e87d3f32d282da85e3aff479549e6990c047b Mon Sep 17 00:00:00 2001
From: Theophile Sandoz <theophile.sandoz@ledger.fr>
Date: Thu, 12 Dec 2024 16:29:08 +0100
Subject: [PATCH] =?UTF-8?q?fix(llm):=20=F0=9F=90=9B=20focus=20the=20memo?=
 =?UTF-8?q?=20tag=20input=20after=20clicking=20"Add=20Tag"=20(#8627)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(llm): focus the memo tag input after clicking "Add Tag"

* fix(llm): do not lose the input focus randomly

* fix(llm): focus on the Stellar memo input too
---
 .changeset/smart-olives-learn.md                             | 5 +++++
 .../ledger-live-mobile/src/families/stellar/MemoTagInput.tsx | 3 ++-
 .../src/screens/SendFunds/02-SelectRecipient.tsx             | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/smart-olives-learn.md

diff --git a/.changeset/smart-olives-learn.md b/.changeset/smart-olives-learn.md
new file mode 100644
index 000000000000..f57ab991aaac
--- /dev/null
+++ b/.changeset/smart-olives-learn.md
@@ -0,0 +1,5 @@
+---
+"live-mobile": minor
+---
+
+Focus on the memo tag input when clicking the drawers "Add Tag" button
diff --git a/apps/ledger-live-mobile/src/families/stellar/MemoTagInput.tsx b/apps/ledger-live-mobile/src/families/stellar/MemoTagInput.tsx
index 75ff1d1345ea..db154ab4df3c 100644
--- a/apps/ledger-live-mobile/src/families/stellar/MemoTagInput.tsx
+++ b/apps/ledger-live-mobile/src/families/stellar/MemoTagInput.tsx
@@ -10,7 +10,7 @@ import { AnimatedInputSelect } from "@ledgerhq/native-ui";
 import type { MemoTagInputProps } from "LLM/features/MemoTag/types";
 import { MemoTypeDrawer, MEMO_TYPES } from "./MemoTypeDrawer";
 
-export default ({ onChange }: MemoTagInputProps<StellarTransaction>) => {
+export default ({ onChange, ...inputProps }: MemoTagInputProps<StellarTransaction>) => {
   const { t } = useTranslation();
 
   const [memoType, setMemoType] = useState<MemoType>("NO_MEMO");
@@ -43,6 +43,7 @@ export default ({ onChange }: MemoTagInputProps<StellarTransaction>) => {
   return (
     <>
       <AnimatedInputSelect
+        {...inputProps}
         placeholder={t("send.summary.memo.value")}
         value={memoValue}
         onChange={handleChangeValue}
diff --git a/apps/ledger-live-mobile/src/screens/SendFunds/02-SelectRecipient.tsx b/apps/ledger-live-mobile/src/screens/SendFunds/02-SelectRecipient.tsx
index 8e97d93e2fea..b710a374a735 100644
--- a/apps/ledger-live-mobile/src/screens/SendFunds/02-SelectRecipient.tsx
+++ b/apps/ledger-live-mobile/src/screens/SendFunds/02-SelectRecipient.tsx
@@ -321,6 +321,7 @@ export default function SendSelectRecipient({ navigation, route }: Props) {
                 <memoTag.Input
                   testID="memo-tag-input"
                   placeholder={t("send.summary.memo.title")}
+                  autoFocus={memoTagDrawerState !== MemoTagDrawerState.INITIAL}
                   onChange={memoTag.handleChange}
                 />
                 <Text mt={4} pl={2} color="alert">