43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
|
'use client'; // Add this at the top to mark as Client Component
|
||
|
|
|
||
|
|
import { PrivyProvider } from '@privy-io/react-auth';
|
||
|
|
import { ReactNode } from 'react';
|
||
|
|
import { toSolanaWalletConnectors } from '@privy-io/react-auth/solana';
|
||
|
|
|
||
|
|
export function Providers({ children }: { children: ReactNode }) {
|
||
|
|
const solanaConnectors = toSolanaWalletConnectors({
|
||
|
|
shouldAutoConnect: false,
|
||
|
|
});
|
||
|
|
|
||
|
|
return (
|
||
|
|
<PrivyProvider
|
||
|
|
appId={process.env.NEXT_PUBLIC_PRIVY_APP_ID || ''}
|
||
|
|
config={{
|
||
|
|
appearance: {
|
||
|
|
accentColor: "#6A6FF5",
|
||
|
|
theme: "#FFFFFF",
|
||
|
|
showWalletLoginFirst: false,
|
||
|
|
logo: "https://auth.privy.io/logos/privy-logo.png",
|
||
|
|
walletChainType: 'solana-only',
|
||
|
|
walletList: ['phantom']
|
||
|
|
},
|
||
|
|
externalWallets: {
|
||
|
|
solana: {
|
||
|
|
connectors: solanaConnectors
|
||
|
|
},
|
||
|
|
},
|
||
|
|
loginMethods: [
|
||
|
|
'email',
|
||
|
|
'wallet'
|
||
|
|
],
|
||
|
|
embeddedWallets: {
|
||
|
|
createOnLogin: 'all-users',
|
||
|
|
requireUserPasswordOnCreate: false,
|
||
|
|
showWalletUIs: true
|
||
|
|
},
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
</PrivyProvider>
|
||
|
|
);
|
||
|
|
}
|