From 243e98b82933d2588838de1464785df02d6da657 Mon Sep 17 00:00:00 2001
From: TerryM <chiachintat10@gmail.com>
Date: Tue, 2 Jun 2026 21:10:58 +0800
Subject: [PATCH] fix(wallet): simplify mobile login choices

---
 src/wallet/WalletLoginModal.tsx | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/wallet/WalletLoginModal.tsx b/src/wallet/WalletLoginModal.tsx
index 1062b10..bfef98f 100644
--- a/src/wallet/WalletLoginModal.tsx
+++ b/src/wallet/WalletLoginModal.tsx
@@ -3,6 +3,7 @@ import { ChevronLeft, ChevronRight, LoaderCircle, X } from "lucide-react";
 import { useEffect, useState } from "react";
 import { useI18n } from "../i18n";
 
+import { openWalletDeepLink } from "./deepLinks";
 import { getInjectedWallet, type WalletKind } from "./injected";
 import { useWallet } from "./WalletProvider";
 import { useWalletConnectLogin } from "./useWalletConnectLogin";
@@ -197,9 +198,26 @@ export function WalletLoginModal() {
               </p>
             ) : null}
 
-            {/* Method: browser wallet (injected). */}
+            {mobileDevice ? (
+              <button
+                type="button"
+                onClick={() => openWalletDeepLink(selected)}
+                className="flex flex-col items-start gap-1 rounded-2xl border border-white/10 bg-[#20202a] px-4 py-3 text-left transition hover:border-ark-gold/50 hover:bg-ark-gold/10"
+              >
+                <span className="text-base font-semibold text-neutral-100">
+                  {t("walletOpenWalletApp")}
+                </span>
+                <span className="text-xs leading-5 text-neutral-400">
+                  {t("walletOpenWalletAppDesc")}
+                </span>
+              </button>
+            ) : null}
+
+            {/* Method: browser wallet (injected). Hidden on normal mobile browsers,
+                because only wallet in-app browsers expose an injected wallet. */}
             {(() => {
               const ok = injectedAvailable(selected);
+              if (mobileDevice) return null;
               return (
                 <button
                   type="button"
@@ -241,9 +259,7 @@ export function WalletLoginModal() {
                   ? t("walletConnecting")
                   : wc.state === "signing"
                     ? t("walletSigning")
-                    : isTp && mobileDevice
-                      ? t("walletTpLoginBtn")
-                      : t("walletQrLogin");
+                    : t("walletQrLogin");
               return (
                 <div className="grid gap-2">
                   <button