Quick Send Flow

"use client";
 
import { useConnection, useWallet } from "@solana/wallet-adapter-react";
import { LAMPORTS_PER_SOL, PublicKey, SystemProgram, Transaction } from "@solana/web3.js";
import { QuickSendFlow } from "@/components/uxdotsol/flows/quick-send-flow";
 
export default function App() {
  const { connection } = useConnection();
  const { publicKey, sendTransaction } = useWallet();
 
  if (!publicKey) return <p>Connect a wallet to continue.</p>;
 
  return (
    <QuickSendFlow
      sender={publicKey.toBase58()}
      senderName="Connected wallet"
      recipient=""
      cluster="devnet"
      connection={connection}
      networkFee="Calculated by wallet"
      onSend={async (amount, recipient) => {
        const transaction = new Transaction().add(
          SystemProgram.transfer({
            fromPubkey: publicKey,
            toPubkey: new PublicKey(recipient),
            lamports: Math.round(amount * LAMPORTS_PER_SOL),
          }),
        );
        return sendTransaction(transaction, connection);
      }}
    />
  );
}