terry-staging #16
@@ -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,8 +259,6 @@ export function WalletLoginModal() {
|
||||
? t("walletConnecting")
|
||||
: wc.state === "signing"
|
||||
? t("walletSigning")
|
||||
: isTp && mobileDevice
|
||||
? t("walletTpLoginBtn")
|
||||
: t("walletQrLogin");
|
||||
return (
|
||||
<div className="grid gap-2">
|
||||
|
||||
Reference in New Issue
Block a user