diff --git a/packages/vechain-kit/src/components/AccountModal/Contents/Account/EmbeddedWalletContent.tsx b/packages/vechain-kit/src/components/AccountModal/Contents/Account/EmbeddedWalletContent.tsx index 8334ec92..fea06a2a 100644 --- a/packages/vechain-kit/src/components/AccountModal/Contents/Account/EmbeddedWalletContent.tsx +++ b/packages/vechain-kit/src/components/AccountModal/Contents/Account/EmbeddedWalletContent.tsx @@ -28,7 +28,6 @@ import { ActionButton } from '../../Components'; import { GiHouseKeys } from 'react-icons/gi'; import { MdManageAccounts, MdOutlineNavigateNext } from 'react-icons/md'; import { WalletSecuredBy } from '../ConnectionDetails/Components'; -import { IoIosFingerPrint } from 'react-icons/io'; type Props = { setCurrentContent: React.Dispatch< @@ -48,11 +47,9 @@ export const EmbeddedWalletContent = ({ setCurrentContent }: Props) => { const { getConnectionCache } = useCrossAppConnectionCache(); - const { darkMode: isDark, privy } = useVeChainKitConfig(); + const { darkMode: isDark } = useVeChainKitConfig(); const { connection } = useWallet(); - const { linkPasskey } = usePrivy(); - const connectionCache = getConnectionCache(); return ( @@ -202,22 +199,6 @@ export const EmbeddedWalletContent = ({ setCurrentContent }: Props) => { leftIcon={MdManageAccounts} rightIcon={MdOutlineNavigateNext} /> - - { - linkPasskey(); - }} - leftIcon={IoIosFingerPrint} - rightIcon={MdOutlineNavigateNext} - isDisabled={ - !connection.isConnectedWithSocialLogin || - !privy?.allowPasskeyLinking - } - /> diff --git a/packages/vechain-kit/src/components/AccountModal/Contents/PrivyLinkedAccounts/PrivyLinkedAccounts.tsx b/packages/vechain-kit/src/components/AccountModal/Contents/PrivyLinkedAccounts/PrivyLinkedAccounts.tsx index f9a7b9b8..df7675f4 100644 --- a/packages/vechain-kit/src/components/AccountModal/Contents/PrivyLinkedAccounts/PrivyLinkedAccounts.tsx +++ b/packages/vechain-kit/src/components/AccountModal/Contents/PrivyLinkedAccounts/PrivyLinkedAccounts.tsx @@ -37,6 +37,7 @@ import { useTranslation } from 'react-i18next'; import { useState } from 'react'; import { useVeChainKitConfig } from '@/providers'; import { IoIosFingerPrint } from 'react-icons/io'; +import { MdOutlineNavigateNext } from 'react-icons/md'; type ConfirmUnlinkProps = { accountType: string; @@ -306,6 +307,19 @@ export const PrivyLinkedAccounts = ({ onBack }: PrivyLinkedAccountsProps) => { + { + linkPasskey(); + }} + leftIcon={IoIosFingerPrint} + rightIcon={MdOutlineNavigateNext} + isDisabled={!privy?.allowPasskeyLinking} + /> + {canLinkGoogle && (