wallet-adapter VS candy-machine-v2-responsive-ui

If you have worked with the Solana Wallet Adapter before, you will know that it is very easy to set up a Connect Wallet button with a decent modal.

Mobile Wallet Adapter is an open protocol for connecting dApps and wallets on mobile devices. Mobile Wallet Adapter is for any Android device, not just Saga – and it’s ready now. There are two wallets available today that support the Mobile Wallet Adapter protocol – Phantom and Solflare – with more wallets in the process of their own integrations. If you are a developer with an existing dApp, now is the time to upgrade with mobile support. You can find a guide to upgrading here.

This is what we are using right now: https://github.com/solana-labs/wallet-adapter

Note: Your website needs a way for users to connect their wallet, so we assume that you have Solana wallet adapter set up. This is likely to be the case if you have already done primary sales of your NFTs with Candy Machine v2 or Candy Machine v1.

Hello, I'm a mobile software engineer, and i am getting into web3 & solana. I looked for a solution to connect my app to a solana wallet using react native, but i don't seem to find any solution for this (react native or even mobile apps in general). Is there a solution like https://github.com/solana-labs/wallet-adapter for mobile apps ? Is connecting a solana wallet to a mobile app even possible as we speak ?

import './App.css'; import { useState } from 'react'; import { Connection, PublicKey } from '@solana/web3.js'; import { Program, Provider, web3 } from '@project-serum/anchor'; import idl from './idl.json'; import { PhantomWalletAdapter } from '@solana/wallet-adapter-wallets'; import { useWallet, WalletProvider, ConnectionProvider } from '@solana/wallet-adapter-react'; import { WalletModalProvider, WalletMultiButton } from '@solana/wallet-adapter-react-ui'; require('@solana/wallet-adapter-react-ui/styles.css'); const wallets = [ /* view list of available wallets at https://github.com/solana-labs/wallet-adapter#wallets */ new PhantomWalletAdapter() ] const { SystemProgram, Keypair } = web3; /* create an account */ const baseAccount = Keypair.generate(); const opts = { preflightCommitment: "processed" } const programID = new PublicKey(idl.metadata.address); function App() { const [value, setValue] = useState(null); const wallet = useWallet(); async function getProvider() { /* create the provider and return it to the caller */ /* network set to local network for now */ const network = "http://127.0.0.1:8899"; const connection = new Connection(network, opts.preflightCommitment); const provider = new Provider( connection, wallet, opts.preflightCommitment, ); return provider; } async function createCounter() { const provider = await getProvider() /* create the program interface combining the idl, program ID, and provider */ const program = new Program(idl, programID, provider); try { /* interact with the program via rpc */ await program.rpc.create({ accounts: { baseAccount: baseAccount.publicKey, user: provider.wallet.publicKey, systemProgram: SystemProgram.programId, }, signers: [baseAccount] }); const account = await program.account.baseAccount.fetch(baseAccount.publicKey); console.log('account: ', account); setValue(account.count.toString()); } catch (err) { console.log("Transaction error: ", err); } } async function increment() { const provider = await getProvider(); const program = new Program(idl, programID, provider); await program.rpc.increment({ accounts: { baseAccount: baseAccount.publicKey } }); const account = await program.account.baseAccount.fetch(baseAccount.publicKey); console.log('account: ', account); setValue(account.count.toString()); } if (!wallet.connected) { /* If the user's wallet is not connected, display connect wallet button. */ return (

) } else { return (

{ !value && (Create counter) } { value && Increment counter } { value && value >= Number(0) ? (

{value}

) : (

Please create the counter.

) }

); } } /* wallet configuration as specified here: https://github.com/solana-labs/wallet-adapter#setup */ const AppWithProvider = () => ( ) export default AppWithProvider;

Solana has the wallet adapter library which provides a convenient interface for connecting to many different wallets. Is there anything similar for ETH or do I have to write and maintain custom logic for each different wallet?

Code of TheWheel has been organized around the Solana–wallet-adapter project. I first ran a git clone command on the project before adding my files one by one in same repository.

First line of the example here: https://github.com/solana-labs/wallet-adapter/issues/189

Discover the video which explains all here : https://www.youtube.com/watch?v=KJOWBc0V4sE Used front-end GitHub project : https://github.com/Fulgurus/candy-machine-v2-responsive-ui

Hi, if you are looking for an easy way to create your own candy machine V2 with all pre-sale functionalities, you can test my github repository : https://github.com/Fulgurus/candy-machine-v2-responsive-ui