diff --git a/.changeset/late-cups-begin.md b/.changeset/late-cups-begin.md new file mode 100644 index 00000000000..8b35f3c55e3 --- /dev/null +++ b/.changeset/late-cups-begin.md @@ -0,0 +1,5 @@ +--- +"@thirdweb-dev/react-native": patch +--- + +Fixes wallet icons borders bug diff --git a/packages/react-native/src/evm/components/ConnectWalletDetails/WalletDetailsButton.tsx b/packages/react-native/src/evm/components/ConnectWalletDetails/WalletDetailsButton.tsx index bc8afeb64ec..905eae906c0 100644 --- a/packages/react-native/src/evm/components/ConnectWalletDetails/WalletDetailsButton.tsx +++ b/packages/react-native/src/evm/components/ConnectWalletDetails/WalletDetailsButton.tsx @@ -10,7 +10,7 @@ import { useMemo, useState } from "react"; import { TextBalance } from "../base/TextBalance"; import { SupportedTokens } from "../SendFunds/defaultTokens"; import { SMART_WALLET_ICON } from "../../assets/svgs"; -import { ImageSvgUri } from "../base"; +import { WalletIcon } from "../base"; import { useLocale } from "../../providers/ui-context-provider"; export type ConnectWalletDetailsProps = { @@ -92,13 +92,7 @@ export const WalletDetailsButton = ({ alignContent="center" justifyContent="flex-start" > - - - + {activeWallet?.walletId === LocalWallet.id ? ( diff --git a/packages/react-native/src/evm/components/base/WalletIcon.tsx b/packages/react-native/src/evm/components/base/WalletIcon.tsx index fa930b2d10e..c99ff2d961b 100644 --- a/packages/react-native/src/evm/components/base/WalletIcon.tsx +++ b/packages/react-native/src/evm/components/base/WalletIcon.tsx @@ -1,3 +1,4 @@ +import Box from "./Box"; import ImageSvgUri from "./ImageSvgUri"; export const WalletIcon = ({ @@ -7,5 +8,9 @@ export const WalletIcon = ({ iconUri: string; size: number; }) => { - return ; + return ( + + + + ); };