send sol example

Author: metasal1

app/page.tsx

@@ -1,15 +1,16 @@
 "use client";
 import { LazorkitProvider, useWallet } from "@lazorkit/wallet";
-import { Connection, LAMPORTS_PER_SOL, PublicKey } from "@solana/web3.js";
+import { Connection, SystemProgram, LAMPORTS_PER_SOL, PublicKey } from "@solana/web3.js";
 import { useEffect, useState } from "react";
-
 import * as anchor from '@coral-xyz/anchor';
 
+const connection = new Connection(process.env.NEXT_PUBLIC_SOLANA_RPC_URL!);
+
 export default function Home() {
 
   const [balance, setBalance] = useState(0);
-
-  const connection = new Connection(process.env.NEXT_PUBLIC_SOLANA_RPC_URL!);
+  const [message, setMessage] = useState('');
+  const [signature, setSignature] = useState('');
 
   const {
     smartWalletPubkey,
@@ -20,6 +21,7 @@ export default function Home() {
     connect,
     disconnect,
     signTransaction,
+    signAndSendTransaction
   } = useWallet();
 
   const handleConnect = async () => {
@@ -45,49 +47,81 @@ export default function Home() {
     const instruction = new anchor.web3.TransactionInstruction({
       keys: [],
       programId: new anchor.web3.PublicKey('Memo1UhkJRfHyvLMcVucJwxXeuD728EqVDDwQDxFMNo'),
-      data: Buffer.from('Hello from LazorKit! 🚀', 'utf-8'),
+      data: Buffer.from(message, 'utf-8'),
     });
 
     try {
       const signature = await signTransaction(instruction);
+      setSignature(signature.toString());
       console.log('Transaction signature:', signature);
     } catch (error) {
       console.error('Signing failed:', error);
     }
   };
 
+  const sendSOL = async () => {
+    if (!smartWalletPubkey) return;
+
+    const instruction = SystemProgram.transfer({
+      fromPubkey: smartWalletPubkey,
+      toPubkey: new PublicKey('MTSLZDJppGh6xUcnrSSbSQE5fgbvCtQ496MqgQTv8c1'),
+      lamports: 0.1 * LAMPORTS_PER_SOL,
+    });
+
+    try {
+      // Sign and send in one step
+      const signature = await signAndSendTransaction(instruction);
+      console.log('Transfer successful:', signature);
+      return signature;
+    } catch (error) {
+      console.error('Transaction failed:', error);
+      throw error;
+    }
+  };
+
   return (
     <div>
       <LazorkitProvider
-        rpcUrl="https://api.devnet.solana.com"
-        ipfsUrl="https://portal.lazor.sh"
-        paymasterUrl="https://lazorkit-paymaster.onrender.com"
+        rpcUrl={process.env.NEXT_PUBLIC_SOLANA_RPC_URL!}
+        ipfsUrl={process.env.NEXT_PUBLIC_IPFS_URL!}
+        paymasterUrl={process.env.NEXT_PUBLIC_PAYMASTER_URL!}
       >
         <div style={{ padding: '20px', display: 'flex', flexDirection: 'column', gap: '20px' }}>
           <h1>LazorKit Wallet Demo 1</h1>
 
           <div>LazorKitProgram ID: {new anchor.web3.PublicKey('3CFG1eVGpUVAxMeuFnNw7CbBA1GQ746eQDdMWPoFTAD8').toString()}</div>
           <div>Paymaster Wallet: {new anchor.web3.PublicKey('hij78MKbJSSs15qvkHWTDCtnmba2c1W4r1V22g5sD8w').toString()}</div>
           {!isConnected ? (
-            <button
-              onClick={handleConnect}
-              disabled={isConnecting}
-            >
-              {isConnecting ? 'Connecting...' : 'Connect Wallet'}
-            </button>
+            <>
+              <button
+                onClick={handleConnect}
+                disabled={isConnecting}
+              >
+                {isConnecting ? 'Connecting...' : 'Connect Wallet'}
+              </button>
+            </>
+
           ) : (
             <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
               <p>
-                Balance: {balance / LAMPORTS_PER_SOL}
+                Smart Wallet Address: {smartWalletPubkey?.toString()}
               </p>
               <p>
-                Smart Wallet Address: {smartWalletPubkey?.toString()}
+                Balance: {balance / LAMPORTS_PER_SOL}
               </p>
+              <label>Message</label>
+              <input type="text" value={message} onChange={(e) => setMessage(e.target.value)} />
+              {signature && <p>Signature: {signature}</p>}
               <button
                 onClick={handleSign}
                 disabled={isSigning}
               >
                 {isSigning ? 'Signing...' : 'Sign Message'}
+              </button> <button
+                onClick={sendSOL}
+                disabled={isSigning}
+              >
+                {isSigning ? 'Sending...' : 'Send SOL'}
               </button>
               <button
                 onClick={() => disconnect()}