diff --git a/packages/connectkit/src/assets/chains.tsx b/packages/connectkit/src/assets/chains.tsx index 9821efdc8..0d8f1c268 100644 --- a/packages/connectkit/src/assets/chains.tsx +++ b/packages/connectkit/src/assets/chains.tsx @@ -152,6 +152,15 @@ export const Optimism = ({ testnet, ...props }: Logo) => ( d="M22.8188 27.6815C22.6977 27.6815 22.6041 27.6429 22.5381 27.5659C22.483 27.4778 22.4665 27.3788 22.4885 27.2687L24.7672 16.5358C24.7892 16.4147 24.8498 16.3156 24.9489 16.2385C25.0479 16.1615 25.1525 16.1229 25.2626 16.1229H29.6548C30.8767 16.1229 31.8564 16.3761 32.5939 16.8825C33.3426 17.3889 33.7168 18.1209 33.7168 19.0786C33.7168 19.3538 33.6838 19.64 33.6177 19.9372C33.3426 21.2032 32.7867 22.1389 31.95 22.7443C31.1244 23.3498 29.9905 23.6525 28.5485 23.6525H26.3194L25.5598 27.2687C25.5377 27.3898 25.4772 27.4888 25.3782 27.5659C25.2791 27.6429 25.1745 27.6815 25.0645 27.6815H22.8188ZM28.6641 21.3738C29.1264 21.3738 29.5282 21.2472 29.8695 20.994C30.2217 20.7408 30.4529 20.3776 30.563 19.9042C30.596 19.717 30.6125 19.552 30.6125 19.4089C30.6125 19.0896 30.519 18.8474 30.3318 18.6823C30.1446 18.5062 29.8255 18.4182 29.3741 18.4182H27.3926L26.7652 21.3738H28.6641Z" fill="white" /> + + + ); diff --git a/packages/connectkit/src/assets/logos.tsx b/packages/connectkit/src/assets/logos.tsx index d556a5b31..0a05ad5c7 100644 --- a/packages/connectkit/src/assets/logos.tsx +++ b/packages/connectkit/src/assets/logos.tsx @@ -1,4 +1,4 @@ -import { isFamily, isRainbow, isZerion } from '../utils/wallets'; +import { isArgent, isPhantom, isSafe } from '../utils/wallets'; export const Mock = ({ ...props }) => ( {
-
{!isZerion() ? : }
+
{!isArgent() ? : }
-
{!isFamily() ? : }
-
{!isRainbow() ? : }
+
+ {!isPhantom() ? : } +
+
{!isSafe() ? : }
); diff --git a/packages/connectkit/src/utils/wallets.ts b/packages/connectkit/src/utils/wallets.ts index 539139224..13c8383a4 100644 --- a/packages/connectkit/src/utils/wallets.ts +++ b/packages/connectkit/src/utils/wallets.ts @@ -25,6 +25,7 @@ export const isFrame = () => isWalletInstalled('Frame'); export const isPhantom = () => isWalletInstalled('Phantom'); export const isInfinityWallet = () => isWalletInstalled('InfinityWallet'); export const isRabby = () => isWalletInstalled('Rabby'); +export const isArgent = () => isWalletInstalled('Argent'); export const isFrontier = () => isWalletInstalled('Frontier'); export const isTrust = () => { if (typeof window === 'undefined') return false; @@ -39,3 +40,4 @@ export const isTalisman = () => isWalletInstalled('Talisman'); export const isFordefi = () => isWalletInstalled('Fordefi'); export const isRainbow = () => isWalletInstalled('Rainbow'); export const isZerion = () => isWalletInstalled('Zerion'); +export const isSafe = () => isWalletInstalled('Safe');